CSS属性选择器详解

通用选择器：匹配任何元素，用符号*来表示。

 

标签选择器：直接将HTML标签作为选择器

 

ID选择器：匹配具有ID属性的元素，以符号#开头。

 

class选择器：匹配所有具有class属性的元素，以点开头，用class="类别名"进行调用。

 

群组选择器：当多个元素的样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。

 

后代选择器：匹配某个元素的后代元素，祖先元素也后代元素之间用空格分隔。

 

子选择器：子选择器用符号>表示。定位某个元素的第一级子元素，即只选择元素的直接后代。

 

相邻元素选择器：该选择器使用符号+来表示，选择器中的元素有同一个父亲，而且两个元素必须紧紧相邻。

 

属性选择器：基于属性来定位一个元素。可以只指定该元素的某个属性，这样所有使用该属性的元素都将被定位。有6个不同类型的属性选择器：
[att=value]：该属性有指定的确切的值。
[att~=value]：该属性的值必须是一系列用空格隔开的多个值，如：class=“title featured home”，而且这些值中的一个必须是指定的值value。
[att|=value]：属性的值就是value或者以value开始并跟上一个“-”字符，也就是“value-”，如：lang=“zh-cn”。
[att^=value]：该属性的值以指定值开始。
[att$=value]：该属性的值以指定的值结束。 
[att*=value]：该属性的值包含指定的值，而无论其位置。

 

选择器的优先级：
style > #ID #ID > #ID .class > Element#ID > #ID > Element.class .class > Element.class > Element Element > Element