Selektoru grupēšana CSS
Dažreiz var rasties šāda situācija:
jums ar dažādiem
atlasītajiem elementiem jāveic viena un tā pati darbība,
piemēram, jānokrāso visi virsraksti
h2, h3 un rindkopas sarkanā krāsā.
Tādā gadījumā jums būs jāraksta kaut kas
līdzīgs šim:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Tomēr pastāv veids, kā to izdarīt nedaudz īsāk: selektorus var apvienot ar komatu, un CSS kods tiks piemērots visiem tiem vienlaicīgi. Iepriekš minēto kodu var pārrakstīt īsāk šādā veidā:
h2, h3, p {
color: red;
}
Vienkāršojiet kodu, izmantojot selektoru grupēšanu:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
