css的优先级笔记
2018-06-24 01:47:41来源:未知 阅读 ()
个人小站点:https://sundjly.github.io/
来自《精彩绝伦的css》
1.css的优先级我们是用选择器的“特殊程度”:
- 每个元素的描述贡献(如div,ul)为0,0,0,1
- 每个类(class)、伪类(如:hover)或者属性描述符贡献0,0,1,0
- 每个ID描述符贡献0,1,0,0
2.数字左边的位数更大。一般可以这样认为:
- 行内样式>ID>类、伪类、伪元素>元素(label)
- ! important无视上面的规则--这是重要声明,优先级最高
- 当有两个! important冲突时,又要参照标准1
3.在css中选择性覆盖简写属性,如
border:3px dotted black;
border-left-color:red;
可以实现一个3条边黑色。左边为红色的点边框
然而像下面写就不会出现一个3条边黑色。左边为红色的点边框。
border-left-color:red;
border:3px dotted black;
这是因为后面的样式会覆盖前面的样式(对于相同元素),
所以当使用这种选择性覆盖时,确保用来覆盖简写属性的属性出现在简写属性之后。
4关于多重样式优先级:
一般情况下,优先级如下:
内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:浏览器工作原理——页面加载
下一篇:html css js加载顺序
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash