Vairāki selektori kopā CSS
Lai izvēlētos elementu, kurš vienlaikus atbilst vairākiem selektoriem, šie selektori jāraksta kopā, bez atstarpes.
Piemēram, šāds selektors izvēlēsies elementu,
kuram vienlaikus ir klase bbb un klase
zzz:
.bbb.zzz {
}
Un šāds selektors izvēlēsies virsrakstu h2,
kuram vienlaikus ir klase bbb un klase
zzz:
h2.bbb.zzz {
}
Norādīto veidu var konstruēt patvaļīgas selektoru konstrukcijas. Tajā pašā laikā to secībai izmantošanai nav nozīmes, izņemot noteikumu, ka elementa selektori jāliek pašā sākumā.
Tas ir, piemēram, selektori .bbb.zzz
un .zzz.bbb ir pilnīgi līdzvērtīgi.
Turklāt, var veidot selektorus ar
id izmantošanu, piemēram, šādus:
#elem.eee, vai h2#elem.eee,
vai h2.eee#elem un tā tālāk.
Pastāstiet, ko izvēlas selektors dotajā zemāk esošajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
.bbb.zzz {
color: red;
}
Pastāstiet, ko izvēlas selektors dotajā zemāk esošajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
h2.bbb.zzz {
color: red;
}
Pastāstiet, ko izvēlas selektors dotajā zemāk esošajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
#elem.bbb {
color: red;
}
Pastāstiet, ko izvēlas selektors dotajā zemāk esošajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
#elem.bbb.zzz {
color: red;
}
Pastāstiet, ko izvēlas selektors dotajā zemāk esošajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
h2#elem.bbb {
color: red;
}