css3 - CSS优先级问题
本文介绍了css3 - CSS优先级问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
一直在说important的优先级最高，可是下面的结果是粉色的，貌似important并没有什么卵用
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
body {
color: green !important;
}
.pink-text {
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>但是经过变化以后，在同一个class内部确实是最高的，我原本以为无论在哪里，只要加上important就会是最高的优先级，结果并不是这样
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
.pink-text {
color: green !important;
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>解决方案
你的文字是在 pink-text 上的，一旦 pink-text 设定了 color，color 值就不是继承，就没 body 什么事
这篇关于css3 - CSS优先级问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
