Pengelompokan Selectors.

Dalam style sheet sering ada unsur-unsur dengan gaya yang sama.

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

 

untuk meminimalkan kode, Anda dapat penyeleksi kelompok.
Pisahkan pemilih masing-masing dengan koma.
Pada contoh di bawah ini kami telah mengelompokkan pemilih dari kode di atas:

h1,h2,p
{
color:green;
}

 

bersarang Selectors.

Hal ini dimungkinkan untuk menerapkan gaya untuk pemilih dalam selector.

Pada contoh di bawah, satu gaya yang ditentukan untuk semua elemen p, satu gaya yang ditentukan untuk semua elemen dengan class = “ditandai”, dan gaya ketiga adalah ditentukan hanya untuk elemen p dalam elemen dengan class = “ditandai”:

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}