Important Dalam CSS

Posted by on
Selain aturan prioritas CSS,CSS juga menyediakan pengaturan prioritas lain yang diatur menggunakan perintah !important

Perintah ini ditulis di belakang property dari CSS.Perintah !important sendiri digunakan untuk mengambil alih urutan prioritas CSS yang telah kita pelajari di materi sebelumnya tentang prioritas CSS.Dengan kode HTML dan CSS di bawah ini,kita akan menerapkan contoh penggunaan !important
<!DOCTYPE HTML>
<html>
<head>
<title>Menggunakan Important</title>
<style type="text/css">
p {color: aqua !important;}

div p {color: blue;}

#teks {color: red;}

body div p {color: yellow;}

div p.kalimat {color: green}

</style>
</head>

<body>

<div>
<p id="teks"> Tebak Warna Teks Ini !</p>
</div>

</body>
</html>

 Di dalam jendela browser ,kita bisa melihat paragraf yang diwarnai dengan selector tag di bawah ini karena dilengkapi dengan !important

 p {color: aqua !important;}

 Sekian pembahasan mengenai penggunaan perintah !important dalam prioritas CSS.Semoga ilmu yang dibagikan dapat bermanfaat bagi yang membutuhkan.Terima Kasih !

Comments

Post a Comment