К содержанию

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:

css.bbb.zzz {
  
}

Un šāds selektors izvēlēsies virsrakstu h2, kuram vienlaikus ir klase bbb un klase zzz:

cssh2.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.

Задание 1

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:

css.bbb.zzz {
  color: red;
}

Задание 2

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:

cssh2.bbb.zzz {
  color: red;
}

Задание 3

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:

css#elem.bbb {
  color: red;
}

Задание 4

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:

css#elem.bbb.zzz {
  color: red;
}

Задание 5

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:

cssh2#elem.bbb {
  color: red;
}