Fungsi !important pada CSS


Oleh: Aguzrybudy,

Tanggal: 01 Maret 2021

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

Share Article