码迷,mamicode.com
首页 > Web开发 > 详细

css权重问题

时间:2020-07-03 17:11:30      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:样式   优先   css   over   元素选择器   选择器   选择   标签   import   

1.CSS权重

是指样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。

2.权重的等级

(1)!important,加在样式属性值后,权重值为10000

(2)内联样式,如:style="",权重值为1000

(3)ID选择器,如:#content,权重值为100

(4)类,伪类和属性选择器,如:content、:hover权重值为10

(5)标签选择器和伪元素选择器,如:div,p,:before权重值为1

(6)通用选择器( * ) 、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0

css权重问题

标签:样式   优先   css   over   元素选择器   选择器   选择   标签   import   

原文地址:https://www.cnblogs.com/bbldhf/p/13231194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!