CSS选择器

1、元素选择器

语法：标签名{ }

2、类选择器

语法：.className{ }

3、ID选择器

语法：#id{ }

4、复合选择器：可以同时使用多个选择器，这样可以选择同时满足多个选择器的元素。

语法：选择器1选择器2{}

5、群组选择器：可以同时使用多个选择器，多个选择器将被同时应用指定的样式。

语法：选择器1,选择器2,选择器3{ }

6、通用选择器

语法：*{}

7、后代选择器

语法：祖先元素 后代元素{ }

8、伪类和伪元素

语法：a:link 正常连接，a:visited 访问过的链接，a:hover鼠标滑过的链接，

a:active正在点击的链接， :focus获取焦点 ，:before指定元素前 ，

:after指定元素后 ，::selection选中的元素，:first-letter首字母 ，

:first-line首行

9、属性选择器

语法：

[属性名]：选取含有指定属性的元素

[属性名="属性值"]：选取含有指定属性值的元素

[属性名~="属性值"]：用于选取属性值中包含指定词汇的元素。

[属性名|="属性值"]：用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。

[属性名^="属性值"]：选取属性值，以指定内容开头的元素

[属性名$="属性值"]：选取属性值，以指定内容结尾的元素

[属性名*="属性值"]：选取属性值，以包含指定内容的元素

10、子元素选择器

语法：父元素 > 子元素{}

其他的一些子类选择器：

:first-child选择第一个子标签 ，:last-child选择最后一个子标签 ，

:nth-child选择指定位置的子元素 ，

:first-of-type ，:last-of-type ，:nth-of-type 选择指定类型的子元素

11、兄弟选择器

语法：

兄弟元素 + 兄弟元素{} ：查找后边一个兄弟元素

兄弟元素 ~ 兄弟元素{} ：查找后边所有的兄弟元素

12、否定伪类

语法：:not(选择器){}

p:not(.hello)表示选择所有的p元素但是class为hello的除外。