Verskeie Selekteerders Saamgesmelt in CSS
Om 'n element te kies wat gelyktydig onder verskeie selekteerders val, moet jy hierdie selekteerders saam skryf, sonder spasie.
Byvoorbeeld, die volgende selekteerder sal die element kies wat gelyktydig die klas bbb en die klas zzz het:
.bbb.zzz {
}
En die volgende selekteerder sal die opskrif h2 kies wat gelyktydig die klas bbb en die klas zzz het:
h2.bbb.zzz {
}
Op die gespesifiseerde manier kan jy arbitrêre konstruksies van selekteerders bou. Die volgorde van die gebruikte selekteerders maak nie saak nie, behalwe vir die reël dat tag-selekteerders heel vooraan geplaas moet word.
Dit wil sê, byvoorbeeld, die selekteerders .bbb.zzz en .zzz.bbb is heeltemal ekwivalent.
Daarbenewens kan jy selekteerders vorm met die gebruik van id, byvoorbeeld soos: #elem.eee, of h2#elem.eee, of h2.eee#elem, en so meer.
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
.bbb.zzz {
color: red;
}
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
h2.bbb.zzz {
color: red;
}
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
#elem.bbb {
color: red;
}
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
#elem.bbb.zzz {
color: red;
}
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
h2#elem.bbb {
color: red;
}
