CSS dan pengelompokan bersarang
pengelompokan Selectors
Ada banyak elemen yang memiliki gaya yang sama dalam stylesheet.
h1
{
Warna: hijau;
}
h2
{
Warna: hijau;
}
p
{
Warna: hijau;
}
{
Warna: hijau;
}
h2
{
Warna: hijau;
}
p
{
Warna: hijau;
}
Untuk meminimalkan kode, Anda dapat menggunakan pemilih paket.
Setiap pemilih Digunakan koma.
Pada contoh berikut, kita menggunakan kode di atas pengelompokan pemilih:
penyeleksi bersarang
Ini mungkin berlaku untuk pemilih Pemilih gaya interior.
Pada contoh berikut, satu set dari tiga gaya:
- Menentukan gaya untuk semua elemen p
- = "Ditandai" elemen menentukan gaya untuk semua kelas
- = "Ditandai" p elemen dalam elemen menentukan gaya untuk semua kelas
contoh
p
{
warna: biru;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
warna: putih;
}
{
warna: biru;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
warna: putih;
}
Coba »