通用选择器:匹配任何元素,用符号*来表示。
标签选择器:直接将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