209081的gravatar头像
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>类>伪类>元素选择器

  1. !important提升优先级(最高级)
  2. 第一等:代表内联样式,如: style=””,权值为1000。
  3. 第二等:代表ID选择器,如:#content,权值为0100。
  4. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
  5. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
  6. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
  7. 继承的样式没有权值。

 


打赏
最近浏览
209081  LV3 2019年3月25日
shixiaohua  LV4 2019年2月25日
最代码官方  LV167 2019年2月17日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友