CSS选择器

CSS选择器

1、基本选择器
（1）标签选择器
span{}
（2）类选择器
由一个名字定义，在它前面直接加一个点
例如：
<p class="menu"></p>
.menu{}
（3）id选择器（唯一）
使用#前缀，选择id的标签
<p id="menu"></p>
#menu{}
2、复合选择器
后代选择器：.box .spec（选择类名为box标签内部的类名为spec的标签）
交集选择器：li.spec（选择既是li标签，也属于spec类的标签）
并集选择器：ul,ol（选择所有ul和ol标签）
3、伪类选择器
:link（没有访问过）
:visited（访问过的）
:hover（悬停的）
:active（激活的）
4、元素关系选择器
子选择器：div>p（div的子标签p）
相邻兄弟选择器：img+p（图片后面紧跟着的段落将被选中）
通用兄弟选择器：p~span（p元素之后的所有同层级span元素）
5、属性选择器
img[alt]：选中由alt属性的img标签
6、序号选择器
:first-child（第一个子元素）
:last-child（最后一个子元素）
:nth-child(3)（第三个子元素）
:nth-of-type(3)（第三个某类型子元素）
:nth-last-child(3)（倒数第三个子元素）
:nth-last-of-type(3)（倒数第三个某类型子元素）