【CSS优先级与!important】
来源:互联网 发布:二战美国驱逐舰数据 编辑:程序博客网 时间:2024/05/19 06:36
【CSS优先级与!important】
CSS样式优先级:
1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高):
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
2、权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式。
下面是权值的规则:
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
举例:
div {color: red;} /*标签,权值为1*/
div span {color: green;} /*两个标签,权值为1+1=2*/
div>span {color: purple;} /*权值与上面的相同,因此采取就近原则*/
.main {color: white;} /*类选择符,权值为10*/
div span.warning {color: purple;} /*权值为1+1+10=12*/
#main .con p {color: yellow;} /*权值为100+10+1=111*/
3、CSS最高优先级:!important
举例:
div {
color: red!important; /*!important 要写在分号前*/
color: blue;
}
虽然程序由上而下运行,但是由于!important 将当前所在行的样式优先级升至最高,因此以上代码最终颜色为红的。
阅读全文
2 0
- 【CSS优先级与!important】
- CSS优先级与!important
- css优先级和!important与ie6的BUG
- [css] !important 控制样式优先级
- css之!important最高优先级
- 【CSS】CSS选择器优先级及!important属性
- 【CSS】CSS选择器优先级及!important属性
- CSS中!important的使用 本篇文章使用最新的IE10以及firefox与chrome测试 !important优先级最高
- css中使用!important优先级最高问题
- css 中的!important为优先级的确定
- css !important用法CSS样式使用优先级判断
- css !important用法以及CSS样式使用优先级判断
- CSS中提升优先级属性!important的用法总结
- css中使用'!important'使属性值有最高优先级
- CSS中提升优先级属性!important的用法总结
- css important
- CSS !important
- CSS:!important
- Mysql优化3-数据库Sql优化
- Vim中 ctags 跳转直接跳到第一个匹配行的问题
- JQ的事件处理
- windows版atom的Markdown语言支持的一点问题
- Windows和Ubuntu下Django环境搭建
- 【CSS优先级与!important】
- 选择排序与冒泡排序
- Linux共享内存实现进程间通信
- OkHttp实践1
- LeetCode笔记:7. Reverse Integer
- MySQL安装之没有配置向导
- intellij idea server 注册地址
- xuptoj 1526:Huffuman树
- 蓝桥-ALGO-18-单词接龙