Dalam CSS, penting bermaksud "penting" atau "berwibawa" dan digunakan untuk meningkatkan keutamaan aplikasi peraturan gaya CSS yang ditentukan ia akan ditambahkan pada penghujung nilai gaya CSS untuk memberi gaya Lebih berat , sintaks "pemilih{style:value!important;}". Menggunakan peraturan penting tidak mempunyai kesan negatif terhadap prestasi, walau bagaimanapun, dari perspektif kebolehselenggaraan, melainkan jika benar-benar perlu, anda harus mengelak daripada menggunakan peraturan penting seboleh-bolehnya, dan ia hanya boleh digunakan dalam keadaan khas.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam CSS, penting bermaksud "penting" atau "berwibawa".
penting ialah peraturan CSS yang digunakan untuk meningkatkan keutamaan aplikasi peraturan gaya CSS yang ditentukan; ia ditambah pada penghujung nilai CSS untuk memberikannya lebih berat.
Sintaks:
选择器{样式:值!important;}penting menyediakan pembangun cara untuk meningkatkan berat gaya. Perlu diingat bahawa !important ialah pengisytiharan keseluruhan gaya, termasuk atribut dan nilai atribut gaya ini.
Dalam CSS, peraturan gaya digunakan pada elemen secara bertingkat. Semakin tinggi berat dalam senarai berikut, semakin kecil beratnya:
Gaya penyemak imbas: Ia adalah gaya lalai yang diisytiharkan oleh penyemak imbas web.
Gaya yang diisytiharkan pengguna: ialah gaya tersuai yang ditetapkan oleh pengguna menggunakan pilihan penyemak imbas atau diubah suai melalui alat nyahpepijat pembangun.
Gaya yang diisytiharkan dalam pembangunan: ialah gaya yang diisytiharkan oleh pembangun tapak web dalam helaian gaya CSS.
Gaya yang diisytiharkan oleh pembangun dengan peraturan !penting.
Gaya pengguna dengan peraturan !penting.
!fungsi penting ialah untuk meningkatkan keutamaan atribut gaya yang ditentukan.
Secara amnya, apabila kami menetapkan atribut gaya untuk elemen yang sama, kami menetapkan dua atau lebih nilai untuk atribut yang sama, seperti berikut:
p { /* 例1 */
color:red;
color:yellow;
color:blue;
}Beginilah keadaannya. sifat yang diisytiharkan kemudian berkuat kuasa dan fon dipaparkan dalam warna biru.
Andaikan kita mahu saya menulis seperti di atas, tetapi saya mahu fon berkesan terakhir dipaparkan dalam warna merah, kemudian kita boleh menetapkan merah!penting:
p { /* 例2 */
color:red !important; /* 设置了优先级 */
color:yellow;
color:blue;
}Fon akan dipaparkan dalam warna merah pada masa ini.
Jika terdapat berbilang atribut gaya ditetapkan dengan !important, seperti berikut:
p { /* 例3 */
color:green !important;
color:red !important;
color:yellow !important;
color:blue;
}Maka ia akan tetap sama seperti semasa tidak ditetapkan, isytiharkan ia terakhir berkuat kuasa, yang bermaksud bahawa warna akhir dalam contoh di atas adalah kuning.
Kami tahu bahawa lebih spesifik pemilih CSS, lebih tinggi keutamaannya, contohnya:
<head>
<style>
p.p1 { color:blue; }
p { color:red; }
</style>
</head>
<body>
<p class="p1">p标签</p>
</body>Akhirnya elemen
dipaparkan dalam warna biru.
Jika kita menetapkan !penting kepada warna:merah;
<head>
<style>
p.p1 { color:blue; }
p { color:red !important; } /* 设置了优先级 */
</style>
</head>
<body>
<p class="p1">p标签</p>
</body>Akhirnya elemen
akan dipaparkan dalam warna merah.
Bagaimana jika elemen
ini mempunyai set gaya sebaris?
<head>
<style>
p { color:red !important; }
</style>
</head>
<body>
<p class="p1" style="color:blue">p标签</p>
</body>Akhirnya elemen
Dalam erti kata lain, atribut gaya yang diisytiharkan !penting akan mengatasi sebarang pengisytiharan lain.
Bila hendak menggunakan !aturan penting?
Anda tidak seharusnya menggunakan peraturan !penting melainkan benar-benar perlu; menggunakan peraturan !important akan memecahkan kesan melata semula jadi helaian gaya, menjadikan kod sukar untuk dikekalkan. Walau bagaimanapun, dalam beberapa kes anda mesti menggunakannya! penting:
1. Apabila menguji dan menyahpepijat tapak web , peraturan !penting sangat berguna.
Jika kami mempunyai beberapa isu CSS dalam kod kami dan ingin memastikan gaya tertentu digunakan, kami boleh menggunakan peraturan !important untuk membetulkan sementara masalah di tapak sehingga kami menemui cara yang lebih baik (yang mungkin ambil sedikit masa).
2. Keluaran helaian gaya
!peraturan penting juga boleh digunakan untuk mengeluarkan helaian gaya untuk memastikan gaya digunakan tanpa ditimpa oleh perkara lain.
Kesimpulan
Menggunakan !important tidak mempunyai kesan negatif ke atas prestasi, walau bagaimanapun, dari sudut kebolehselenggaraan, penggunaan !important harus dielakkan seboleh-bolehnya melainkan benar-benar perlu. peraturan, ia hanya boleh digunakan dalam keadaan khas.
!penting
dalam Internet Explorer但在IE 6及更早的版本中，不支持我们这种写法。像例3，在IE5（我用的是IE11然后再控制台中切换到IE5的方式模拟的，IE11没有模拟IE6，凑合凑合_(:з」∠)_）中运行效果是这样的：
没错，最终它还是显示为蓝色，!important被忽略了。让我们换一种写法：
p { color:blue; }
p { color:yellow; }
p { color:red !important; }/* 设置了优先级 */这个时候就可以显示为红色了：
再看看这个例子：
p { color:blue; }
p {
color:red !important; /* 设置了优先级 */
color:yellow;
}在模拟IE5的浏览器中运行效果如下：
个人理解：IE6及更早版本的IE浏览器中运行!important就好比说"大家都是针对这个元素设置的样式，color样式请优先使用我这个CSSRule对象（被{}包裹起来的一些样式属性）中的color样式"，而不是说"就使用我指定的color样式"。
（学习视频分享：web前端入门）
Atas ialah kandungan terperinci Apakah maksud penting dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
