博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS选择器的优先级
阅读量:6225 次
发布时间:2019-06-21

本文共 838 字,大约阅读时间需要 2 分钟。

一.通常情况下,可以将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属性,优雅的使用它会使你的页面代码不再臃肿,而且还可以作为hack的妙用方法之一。当一个CSS选择器拥有更多的高级别属性时,它的优先级就会比较高

三 .当比较多个相同级别的CSS选择器优先级时,它们定义的位置将决定一切。下面从位置上将CSS优先级由高到低分为六级:

1.位于标签里的中所定义的CSS拥有最高级的优先权。 2. 第二级的优先属性由位于 标签中的 @import 引入样式表所定义。 3. 第三级的优先属性由
标签所引入的样式表定义。4. 第四级的优先属性由
标签所引入的样式表内的 @import 导入样式表定义。5 .第五级优先的样式有用户设定。 6 .最低级的优先权由浏览器默认。

转载于:https://www.cnblogs.com/wangshichuan/p/3999100.html

你可能感兴趣的文章
Qt 编程总结
查看>>
Kubernetes新近kubectl及CNI漏洞修复,Rancher 2.2.1发布
查看>>
救援模式;克隆虚拟机;linux机器相互登陆
查看>>
alias命令
查看>>
黑马程序员终于又开公开课了------炫酷IOS瀑布流
查看>>
Java JDK安装
查看>>
使用pure-ftpd搭建ftp服务
查看>>
iOS流布局UICollectionView系列一——初识与简单使用UICollectionView
查看>>
创建扑克测试(二)
查看>>
LNMP+Discuz论坛
查看>>
关机和虚拟机克隆、快照
查看>>
oracle12C 重做日志
查看>>
rsync+shell脚本完成自动化备份
查看>>
Android中moveTo、lineTo、quadTo、cubicTo、arcTo详解(实例)
查看>>
Excel 2010同时打开多个独立的窗口
查看>>
Watchguard-X505e-mobile***配置终结篇
查看>>
我的友情链接
查看>>
centos6.5安装mysql5.6.23报错
查看>>
sz/rz工具包,linux下没有sz和rz命令
查看>>
tomcat项目进入不了debug模式
查看>>