Rumah > Artikel > hujung hadapan web > Bagaimana untuk memaksa peningkatan keutamaan dalam css
Bagaimana untuk memaksa peningkatan keutamaan dalam css
- 青灯夜游asal
- 2022-09-06 17:49:504564semak imbas
Dalam css, anda boleh memaksa peningkatan keutamaan dengan menetapkan perisytiharan "!penting"; ini digunakan untuk meningkatkan keutamaan aplikasi peraturan gaya CSS yang ditentukan dan akan ditambahkan pada penghujung CSS nilai gaya untuk memberikannya Gaya mempunyai lebih berat dan sintaksnya ialah "pemilih {property:value!important;}". Menggunakan peraturan "!penting" akan memecahkan kesan cascading semulajadi helaian gaya, menjadikan kod sukar untuk dikekalkan oleh itu, melainkan jika benar-benar perlu, gunakan peraturan !penting seboleh-bolehnya dan ia hanya boleh digunakan dalam keadaan khusus; .
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam css, anda boleh memaksa peningkatan keutamaan dengan menetapkan pernyataan "!penting".
!pengisytiharan penting
!penting digunakan untuk meningkatkan keutamaan aplikasi peraturan gaya CSS yang ditetapkan; nilai CSS pada penghujungnya untuk memberikannya lebih berat.
选择器{属性:值 !important;}Nota: 属性：值 !important nilai atribut boleh dipisahkan dengan ruang.
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: Ia ialah gaya tersuai yang ditetapkan oleh pengguna menggunakan pilihan penyemak imbas atau diubah suai melalui alat nyahpepijat pembangun.
● Gaya diisytiharkan semasa pembangunan: Ia 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.
!important menyediakan pembangun cara untuk meningkatkan berat gaya, yang lebih tinggi daripada menetapkan secara langsung pengisytiharan CSS dalam atribut gaya elemen. Ia biasanya digunakan apabila CSS mengatasi tetapan JavaScript.
Contoh:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试!Important</title>
</head>
<style type="text/css">
#Box div
{
color: red;
}
.important_false
{
color: blue;
}
.important_true
{
color: blue !important;
}
</style>
<body>
<div id="Box">
<div class="important_false">
这一行末使用important</div>
<div class="important_true">
这一行使用了important</div>
</div>
</body>
</html>Rendering:
Barisan pertama kod CSS menetapkan warna fon semua div dalam kotak adalah merah, baris kedua dan ketiga kedua-duanya menggunakan kelas untuk mentakrifkan semula warna fon div sendiri menjadi biru,
Perbezaannya ialah baris kedua tidak menggunakan !penting, tetapi baris ketiga menggunakan
Ringkasan:
Warna fon baris pertama adalah merah Ia boleh dibuktikan bahawa dalam tetapan gaya CSS, keutamaan id adalah lebih besar daripada kelas, dan baris teks ini masih. merah.
Warna fon baris kedua ialah biru. Dapat dibuktikan bahawa !important mempunyai keutamaan tertinggi Gaya css important_true berkuat kuasa, dan baris teks ini bertukar menjadi biru.
Bila hendak menggunakan !peraturan 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.
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia dapat membantu kajian semua orang. Untuk kandungan yang lebih menarik, anda boleh memberi perhatian kepada ruangan tutorial yang berkaitan di laman web PHP Cina! ! !
Nota khas:
!important tidak dikenali dalam IE6, contohnya:
.testClass{
color:blue !important;
color:red;
}Dengan cara ini penulisan tidak dikenali di bawah IE6 .testCalss akhirnya dipaparkan dalam warna merah, tetapi anda juga boleh menukar cara penulisan supaya IE6 dapat mengenali !important
.testClass{
color:blue !important;
}
.testClass{
color:red;
}(Perkongsian video pembelajaran: web Pembangunan bahagian hadapan)
Atas ialah kandungan terperinci Bagaimana untuk memaksa peningkatan keutamaan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!