CSS选择器

CSS选择器排名：ID选择器 > Class选择器 = 伪类选择器 > 标签名称选择器（元素选择器）

ID选择器：不能重复定义，html中一个id名称只能出现一次，编辑时前方加“#”符号；

Class选择器：编辑时前方加“.”符号

标签名称选择器（元素选择器）：HTML中的各种元素，标签有<thml>，<p>,<h1>,<a>,<b>等

伪类选择器：

:link——未访问的连接
:visited——已访问的连接
:hover——鼠标置于其上
:active——被激活

注意：这四个一般共同出现，第3、4个伪类选择器位置不能变！

:focus——可通过键盘激活

:first-child 伪类来选择元素的第一个子元素

:lang 伪类向带有指定 lang 属性的元素添加样式。

:first-letter

:first-line

:before——前面添加样式，如图标

:after

:right

:left

结合元素选择器：

.important.warning(两个或多个Class结合)

相邻兄弟选择器：

可选择紧接在另一元素后的元素，用“+”号相连，且二者有相同父元素。注意：起作用的是第二个元素，第一个不变。如：li + li {margin-top:50px;}

后代选择器：

p.important(作用于元素中的class选择器)

子元素选择器：

用“>”号连接，只作用于某元素的子元素，子子元素和非子元素元素都不起作用。