CSS Group

Selektor Group 

Dalam style sheet sering terdapat unsur dengan gaya yang sama. Contoh


h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}


Untuk meminimalisasi kode diatas bisa kode diatas bisa dituliskan seperti berikut:


h1,h2,p
{
color:green;
}



Selektor Bersarang

Hal ini memungkinkan kita untuk menerapkan gayadalam selektor. Dalam contoh di bawah ini, satu gaya yang ditentukan untuk semua elemen p, dan gaya yang terpisah ditentukan untuk elemen p bersarang "ditandai" dengan selektor class:


p
{
color:blue;
text-align:center;
}
.marked
{
background-color:blue;
}
.marked p
{
color:white;
}
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda