css选择器及选择器的优先级

选择器

1.标签、元素选择器：根据标签名称选择一类元素

2.id选择器：通过id属性选择一个元素

 #（ID属性名）value属性值

3.类选择器：class

        .value（属性值） 

3.普遍选择器：* 所有

4.后代选择器：

     > ：选择当前元素的子元素
（空格）：选择当前文件的所有后代元素，包括孙代元素

5.兄弟选择器：

+：选择当前元素之后的一个兄弟元素
~：选择当前元素之后的所有兄弟元素

6.多选择器：使用逗号隔开多个选择器

7.组合选择器：将多个选择器组合在一起使用

div#one：选择当前页面中所有的div标签并且选择div标签中id为one的元素。

8.属性选择器：根据元素的属性选择一类元素

[id]：选择当前页面中具有id属性的元素

[class=‘one’]：选择当前页面中具有class属性并且属性值为one的元素

[class~=‘one’]：选择当前页面中具有class属性，并且属性值之一为one的元素

[class^=‘o、one’]选择当前页面中具有class属性并且属性值以o、one开头

[class$=‘o’]:选择当前页面中具有class属性，并且属性值以o结尾

[class*=‘o’]:选择当前页面中具有class属性，并且属性值包含o字符

9.伪类选择器：

 :伪类名称
         :first-child
         :last-child
         :nth-child(number、odd（奇数）、even（偶数）)


 和状态相关的：
：hover:当鼠标悬停在某个元素上时
：active:当鼠标按下时的状态
：link:当当前元素未被点击过的状态
：visited:被访问过之后的状态

（同时引用时）书写顺序：Link->visited->hover->active

10.伪元素选择器：

   ::伪元素名称
          ::first -letter(第一个字符)
          ::first-line（第一行字符）
          ::selection：（被选择的文本）
        **::before当前文本之前
          ::after当前文本之后**——>content:"text"/url()

选择器的优先级

根据特性值进行比较，特性值越大，优先级越高，特性值相同时，越靠下的优先级越高，

1.style属性：1000
2.id选择器：100
3.类（class）选择器/伪类选择器/属性选择器：10
4.元素选择器/伪元素选择器：1
5.！important:不计入特性值。直接特性值最大，优先值最高，不建议经常使用。