Rumah > hujung hadapan web > tutorial css > CSS中如何使用!important声明强制优先的具体介绍

CSS中如何使用!important声明强制优先的具体介绍

黄舟
Lepaskan: 2017-07-27 11:32:15
asal
2515 orang telah melayarinya

!important声明强制优先

CSS优先级中还有一个最无敌的声明,就是!important。

在CSS样式表中,带有!important声明的样式优先使用,它的优先级会超越任何地方、任何方式的样式声明,包括行内style属性中声明的样式。

比如下面代码:

<style type="text/css"> 
p{ color:red !important; }  
</style> 
<p style="color: blue; ">这是一行文字</p>
Salin selepas log masuk

这里的这行文字在浏览器中仍然显示为红色字体。

所以,CSS样式匹配的优先权遵循以下顺序:

(1)  !important声明高于一切。

(2) 内嵌样式次之。

(3) 样式表中声明按选择器的权重排序。

(4) 最后按浏览器执行样式表的顺序,遵循"后来居上"原则匹配样式。

当然最后还要强调一点:如果没有设置样式的,则自动继承父级节点的样式。

Atas ialah kandungan terperinci CSS中如何使用!important声明强制优先的具体介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan