作者:手机用户2502858307 | 来源:互联网 | 2020-08-21 01:22
每个样式表的优先顺序是在前面的页面上记载的,在相同的样式表中,同一元素的属性设定多个值的情况下,会发生什么呢?本篇文章就来给大家分享一下如何使用!important来改变CSS中优先级的顺序。
我们来看一个简单的例子。首先,创建目标HTML语句
啦啦啦啦 第一PHP社区
哒哒哒哒哒php中文网
浏览器上效果显示如下:strong元素中文字的颜色是红色。
接下来我们来看一下!important的使用
如果要改变代码中优先级,则需要使用!important,使用方法如下。
选择器{
property(属性):value(值) !Important ;
}
在描述样式时,如果在值之后用空格再写!important,则无论正常优先级如何,都将优先应用该样式。
下面我们来看一下具体的例子,将上述代码中的CSS变成如下所示
浏览器上显示如下所示:strong元素中字体颜色变成了绿色,!important改变了样式的优先级。
需要特别注意的是“带有!important的用户样式表”比“带有!important的HTML文档描述的样式表”具有更高的优先级。因此,即使HTML文档的创建者将样式设置为“!Important”,如果在用户样式表中将新样式值表设置为“!Important”,则用户样式表也会生效。
以上就是如何使用!important来改变CSS中优先级的顺序的详细内容,更多请关注 第一PHP社区 其它相关文章!