CSS选择器的使用

标签选择器

标签名称{ ​ ‘属性:值; ​ }

id选择器

#id名称{ ​ 属性:值; ​ }

类选择器

.类名{ ​ 属性:值; ​ }    (最前面有个点)

后代选择器

标签名称1 标签名称2{ ​ 属性:值; ​ }

 子元素选择器

标签名称1>标签名称2{ ​ 属性:值; ​ }

交集选择器

 选择器1选择器2{ ​ 属性: 值; ​ }

并集选择器

选择器1，选择器2{ ​ 属性:值; ​ }

相邻兄弟选择器

选择器1+选择器2{ ​ 属性:值; ​ } （用于相邻的后者）

通用兄弟选择器

选择器1~选择器2{ ​ 属性:值; ​ } （用于间隔的后者）

伪类选择器

伪类以":"开头，用在选择器后，用于指明元素在某种特殊的状态下才能被选中

有序选择器（结构伪类选择器）、动态伪类选择器、a标签的伪类选择器、否定伪类选择器

伪元素选择器

伪元素“：：”开头，用在选择器后，使用伪元素来表示元素中的一些特殊的位置

属性选择器

作用: 根据指定的属性名称找到对应的标签, 然后设置属性

格式：[attribute=value]

通配符选择器

*{ ​ 属性:值; ​ }

组合选择器

多个选择器组合使用。例如 "div.one" 表示class为one的div元素

选择器多种多样，合理的组合和使用可以使赋予样式的方法简单和灵活多变。有些选择器是很少使用的到的，如：交集选择器、否定伪类选择器、属性选择器。