CSS-de birnäçe selektory birikdirmek
Bir elementy birwagtda birnäçe selektora gabat geldiği üçin saýlamak üçin, bu selektorlary boşluk goýmazdan, birikdirip ýazmaly.
Mysal üçin, aşakdaky selektor, birwagtda bbb klassyna we zzz klassyna eýe bolan elementi saýlar:
.bbb.zzz {
}
We aşakdaky selektor, birwagtda bbb klassyna we zzz klassyna eýe bolan h2 atly başlygy saýlar:
h2.bbb.zzz {
}
Görkezilen usul bilen selektorlaryň islendik gurluşyny düzmek mümkin. Bu ýagdaýda ulanylýan selektorlaryň tertibiniň ähmiýeti ýokdur, diňe tegiň selektorlaryny iň başynda goýmaly diýen düzgün çygzydan başga.
Ýagni, mysal üçin, .bbb.zzz we .zzz.bbb selektorlary doly deňdir.
Şeýle hem, id ulanmak bilen selektorlary düzüp bolýar, mysal üçin, şular ýaly: #elem.eee, ýa-da h2#elem.eee, ýa-da h2.eee#elem we ş.m.
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şol selektora gabat gelýän HTML koduny ýazyň. Selektorly kod:
.bbb.zzz {
color: red;
}
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şol selektora gabat gelýän HTML koduny ýazyň. Selektorly kod:
h2.bbb.zzz {
color: red;
}
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şol selektora gabat gelýän HTML koduny ýazyň. Selektorly kod:
#elem.bbb {
color: red;
}
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şol selektora gabat gelýän HTML koduny ýazyň. Selektorly kod:
#elem.bbb.zzz {
color: red;
}
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şol selektora gabat gelýän HTML koduny ýazyň. Selektorly kod:
h2#elem.bbb {
color: red;
}
