Perintah !important diletakkan di belakang value dari CSS sebelum tanda
;
, dan perintah !important ini akan mengambil alih urutan prioritas CSS yang kita buat.Contoh !important pada CSS
HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh !important pada CSS</title>
<style type="text/css">
p {
color:red !important;
}
div p {
color:green;
}
#teks{
color:orange;
}
body div p {
color:yellow;
}
div p.kalimat {
color:silver;
}
</style>
</head>
<body>
<div>
<p id="teks">
Belajar !important pada CSS
</p>
</div>
</body>
</html>
Perhatikan akhir baris pada selector p, saya menambahkan perintah !important diakhir value maka selector p akan menjadi warna merah. Jadi jika Anda ingin mengubah suatu style yang sudah ada tanpa menghapusnya maka gunakan fungsi !important agar style yang anda buat diprioritaskan oleh web browser
Sampai disini dulu tutorial CSS dari saya nantikan tutorial selanjutnya, Semoga tutorial ini bermanfaat bagi anda, atas segala kekuranganya mohon dimaafkan dan jika ingin bertanya silahkan tinggalkan komentar.
Like, share & komen untuk dukung terus website ini agar terus berkembang, terimakasih.
Tags:
