!important属性

1.!important是一个修饰符，他的语法是K:V !important;
错误写法：
.box1 !important{ };
K:V;！important
2.!important只能提升一条语句的优先级，不能提升一个选择器的优先级。
3.!impotent能将一条语句的优先级提升到无穷大.

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.box1{color: green;}#d1{color: red;}p{color: orange !important;}</style>
</head>
<body><p id="d1" class="box1">文字颜色</p>
</body>
</html>

4.如果有层叠的语句都使用!important修饰，那么将按照语句所在选择器的权重大小来起作用。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.box1{color: green !important;}#d1{color: red;}p.box{color: orange !important;}</style>
</head>
<body><p id="d1" class="box1">文字颜色</p>
</body>
</html>

第一个选择器和第三个有!important属性，排除第二个，第一个权重大，最后显示绿色.
5.如果是继承过来的样式，他的权重为0，加上!important属性权重仍为0，即!important不能提升权重为0的样式。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.box1{color: green !important;}p{color: orange ;}</style>
</head>
<body><div class="box1"><p >文字颜色</p></div>
</body>
</html>

此时显示橙色文字。

!important属性相关推荐

CSS的!important属性修改权重
最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式.按照常理来说,越是灵活的东西,需要做的工作就会更多所以就写一篇博客梳理下!important属性. 1.定义及语 ...
CSS中的!important属性用法
由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场. 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调. 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型 ...
【CSS】CSS选择器优先级及!important属性
CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式.权重(即优先级)的规则如下,权重越高,优先级越高: 同一个元素可以使用多个规则来指定它的同一样式(比如字体颜色) ...
CSS中提升优先级属性!important的用法总结
语法选择器{样式:值!import;} 说明 div{margin-left:20px!important;margin-left:40px; } 这些浏览器支持!important属性, 也就是说 ...
前端一HTML:十四: important
一个选择器可以作用于很多个标签上, 一个标签也会被很多个选择器作用. !important 属性不能被继承作用: 将对应选择器的优先级设置为最高级 <!doctype html> < ...
选择器权重及字体属性
目录继承性权重层叠 important 属性行高 font-size 字体大小 font-family 字体 font-weight字体粗细 font-style 字体样式溢出隐藏 text ...
【Web前端笔记-基础】第八课·初识 CSS，CSS属性
一:!important属性 important属性是用来提高属性的权重的,其属性无穷大. 语法格式:属性:值 !important 要注意:提升的是属性的权重,而不是选择器的权重,它的作用域只是当前 ...
辩驳一个默认的说法：IE6不支持!important
一:"!important"是什么? 第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器.,比如id为"Main" ...
辩驳一个默认的说法：IE6不支持!important (转http://www.cnblogs.com/lanyueer/archive/2011/03/29/1998398.html)
一:"!important"是什么? 第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器.,比如id为"Main" ...

!important属性

!important属性相关推荐

最新文章

热门文章