CSS入门系列（二）基本选择器&优先级

CSS入门系列（二）基本选择器&优先级

目录

1. 选择器的基本概念

就是指定css要作用的标签，标签的名称就是选择器。
选择器共有三种：

1. html标签选择器，上一节介绍过；
2. 类选择器，使用标签中的class属性。

<div class="haha">这是一个div选择器区域</div>

在head中定义样式：

div.haha{
        样式省略了
}

而且类选择器的优先级要高于html标签的选择器，不管谁先定义。
3. id选择器，用的标签中的id属性。

<div id="qq">这是一个div选择器区域</div>

div#qq{
        样式省略了
}

通常ID的取值在页面中是唯一的，除了给css使用，还给js使用，id通常是为了标识页面中一些特定区域使用。并且，id选择器的优先级比类选择器的优先级高。

2. 优先级

之前提到过一些选择器的优先级，现在总结一下：
标签选择器<类选择器