一 选择器类型
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个元素.