209081
2019-02-16 00:06:48
css选择器与权重
一。选择器
1.通配符选择器(*)
2.类选择器(.className)
3.id选择器(#id)
4.后代选择器(E F)
5.子元素选择器(E>F)
6.兄弟选择器(E~F)
7.相邻兄弟选择器(E+F)
8.群组选择器(selector1,selector2,...,selectorN)
9.元素选择器(E)
10.属性选择器(E[attr="value"])
11.伪类选择器
动态伪类先后顺序 Link--visited--hover--active
结构伪类选择器:nth-child()
二。权重
内联>id>类>伪类>元素选择器
- !important提升优先级(最高级)
- 第一等:代表内联样式,如: style=””,权值为1000。
- 第二等:代表ID选择器,如:#content,权值为0100。
- 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
- 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
- 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
- 继承的样式没有权值。
评论
最近浏览