Begjin CSS
CSS stipet op strukturearjende regels om te bestimmen hokker styl jildt foar hokker elemint yn it dokumint. Dizze patroanen sille selektors neamd wurde en se sorteare fan tagnammen (bygelyks p nei paragraaf tags) oant tige komplike patroanen dy't tige spesifike dielen fan in dokumint passe (bygelyks p # myid> b.highlight soe elke b tag mei in klasse fan hichtepunt dat in bern fan 'e paragraaf is mei de id mids).
In seleksje CSS is it ûnderdiel fan in CSS-styl-oprop dat identifisearret hokker diel fan 'e webside styl is. De selector befettet ien of mear eigenskippen dy't definieare hoe't it selekteare HTML styl wurdt.
De CSS-seleksjes
Der binne ferskate ferskillende soarten selektors:
- type selektors-bypassend in spesifyk elemint
- Klasse seleksje-passende eleminten mei in spesifike klasse
- ID-seleksoarten-oerienkomme it elemint mei in spesifike ID
- Nimmen- seleksjers - bepaalde eleminten dy't neilitten fan in spesifyk elemint binne
- bernselektors-passende eleminten dy't in bern fan it spesifike elemint binne
- universele seleksetter-elke elemint
- neistlizzende sibling-selektor-passende eleminten fuortdaliks foarôfgeand fan in spesifyk elemint
- Attribut selektors-passende eleminten mei in spesifike attribute of attribute wearde
- pseudo-klasse selektors-passende eleminten mei in spesifike pseudo-klasse
- pseudo-elemint selektearjende eleminten mei spesifike pseudo-eleminten eigenskippen
Formaat CSS-stylen en CSS-seleksjes
It formaat fan in CSS-styl sucht dit:
selector {styl eigenskip: styl; }
Separate meardere seleksjes dy't deselde styl hawwe mei komma's. Dit is selektor groepearing neamd. Bygelyks:
selector1 , selector2 {styl eigenskip: styl; }
Seleksje fan groepearrings is in koartsjende meganisme om jo CSS-styl kompakt te hâlden.
De boppeste groepearing soe deselde effekt hawwe lykas:
selector1 {styl eigenskip: styl; }
selector2 {styl eigenskip: styl; }
Altyd testje jo CSS-seleksjes
Net alle browsers stypje alle CSS seleksjes. Soargje dus jo seleksjes te testen yn safolle browsers op safolle operaasjesystemen lykas jo kinne. Mar as jo CSS 1 of CSS2 selektear brûke, moatte jo fine.