css选择器的类型及优先级

一 选择器类型

1.ID选择器：
#nav{color:black;}

2.class选择器：.
nav{color:blue;}

3.通配符选择器:
*{color:black}

4.子级选择器:
p>span {color:blue}

5.后代选择器：
div span{color:white}；ul li{}

6.元素选择器：
p{color:red;}

7.组合选择器：
p1,h1{color:green}

8.动态伪类选择器：

• link和visited必须放在最前面（无先后顺序,静态伪类选择器）
• link和visited只能用于a标签
• link和visited后面是focus
• focus后面是hover
• hover后面是active

9.结构伪类选择器：

• 元素名：first-child第一个元素。
• 元素名：last-child最后一个元素。
• 元素名：nth-child(n)某一个元素 想选择第几个，n就取值多少。
• 元素名：nth-child(-n+m)选中前m个元素 n起始值是0。
• 元素名：nth-of-type(n) 选中第n个元素。
• 元素名：nth-last-child(n)选中倒数第n个元素.