星空网 > 软件开发 > 网页设计

css选择器的优先级

在前两天面试的时候,有问到过选择器的优先级,不过平时常用的还说了个一二,可是没有一个很系统的回答,下面就总结一下css优先级的相关知识吧!有不对之处,请大家多多指教!

选择器权重:

通配选择符的权值 0
标签的权值为 1
类的权值为 10
属性选择的权值为 10
伪类选择的权值为 10
伪对象选择的权值为 1

ID的权值为 100
!important的权值为最高 1000

可以将CSS的优先级由高到低分为六组:

    1. 无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式。当然,IE 6不支持这个属性,于是它也成为一种hack被很多人所熟知,真正使命被人淡忘。
    2. 第二高位的优先属性是在html中给元素标签加style。由于该方**造成CSS的难以管理,所以不推荐使用。
    3. 第三级优先的属性是由一个或多个id选择器来定义的。例如 #id{margin:0;} 会覆盖 .classname{margin:3px;}。
    4. 第四级的属性由一个或多个 类选择器、属性选择器、伪类选择器定义。如 .classname{margin:3px;} 会覆盖 div{margin:6px;}
    5. 第五级由一个或多个类型选择器定义。如 div{margin:6px;}  覆盖  *{margin:10px;} 。
    6. 最低一级的选择器是为一个通配选择器,用*{margin:10px;}这样的类型来定义。



原标题:css选择器的优先级

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Newegg国际商城的物流方式_Newegg国际商城的物流服务:https://www.kjdsnews.com/a/1603022.html
新蛋发布通知:春节假期订单可获物流时效豁免延长!:https://www.kjdsnews.com/a/1603023.html
Shopify商家将能够通过Paytm收款:https://www.kjdsnews.com/a/1603024.html
shopify装修如何选择模板?有什么技巧:https://www.kjdsnews.com/a/1603025.html
Noon推出平价电商平台KUL_Noon推出电商平台KUL全面向中国招商:https://www.kjdsnews.com/a/1603026.html
Noon平台入驻要求_Noon平台入驻需要提供哪些资料?:https://www.kjdsnews.com/a/1603027.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
西藏旅游攻略自驾游需要多少天 去西藏旅游自驾游要多久时间:https://www.vstour.cn/a/363195.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流