Css : Pengelompokan

Hai..balik lagi. Sorry, lama gak posting...Okey, langsung aja. Pengelompokan dalam CSS dapat dilakukan dalam id dan class. Pengelompokan ini dimaksudkan agar tidak membuang-buang karakter. Pengelompokan ini dilakukan jika gaya dari sebuah CSS sama dengan yang lain.

Berikut penjelasannya...



Pengelompokan dalam ID

Kenapa yang pertama ID..??karena saya lebih suka ID...

Cara penggunaan :

h1 {
color: blue;
}
h2 {
color:blue;
}
h3 {
color: blue;
}
Jika Digabung :
h1, h2, h3 {
color: blue;
}

lebih singkat bukan...

Penggunaan lain :

#a a {
color: red;
}
#b a {
color: red;
}
#c a {
color: red;
}
Jika digabung :
#a a, #b a, #c a {
color: red;
}

Pengelompokan Dalam Class

Cara Penggunaan :

a.web {
background: #000000;
color: #ffffff;
}
a.rpl {
background: #000000;
color: #ffffff;
}
Jika digabung :
a.web, a.rpl {
background: #000000;
color: #ffffff;
}

Pengelompokan Pada ID dan Class

Cara Penggunaan :

p.rpl {
text-align: center;
}
#a p {
background: #000000;
}
#a p, p.rpl {
color: #ff0000;
}

Jika ada Pertanyaan, Silahkan tanya...

Posted in: Css Tutorial