这篇文章主要为大家展示了“怎么使用CSS的!important改变优先级”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么使用CSS的!important改变优先级”这篇文章吧。
我们来直接看一个示例
p{
color:#d9534f!important;//red;
color:#5bc0de;//lightblue
}
通常,CSS规则优先应用的通常是id选择器或class选择器,此外,“id”选择器会覆盖“class”选择器。
CSS会优先应用在标签附近的样式或稍后读取的样式,但给定关键字!Important的样式将具有最高优先级。
!important的使用方法是可以在用户定义的样式表上使用,如果要使用在Web上定义的CSS样式表,可以使用用户定义的样式表。
我们来实际应用一下!important
HTML
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<linkrel="stylesheet"type="text/css"href="sample.css">
<metahttp-equiv="Content-Type"content="text/html"charset="UTF-8">
</head>
<body>
<p>显示什么颜色?</p>
</body>
</html>
CSS
p{
color:#d9534f!important;//red;
color:#5bc0de;//blue
}
以上是“怎么使用CSS的!important改变优先级”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。