Kòmanse CSS
CSS depann sou modèl matche règ yo detèmine ki style aplike nan ki eleman nan dokiman an. Modèl sa yo yo rele selektè epi yo varye de non tag (pa egzanp, p pou matche ak paragraf) nan modèl trè konplike ki koresponn ak pati trè espesifik nan yon dokiman (pa egzanp, p # myid> b.highlight ta matche ak nenpòt ki b tag ak yon klas nan rekò ki se yon timoun nan paragraf la ak Idid id la).
Yon seleksyon CSS se yon pati nan yon rele style CSS ki idantifye ki pati ki nan paj wèb la ta dwe estile. Selektè a gen youn oswa plis pwopriyete ki defini kijan HTML yo chwazi a pral estile.
Selektè yo CSS
Gen plizyè diferan kalite selektè:
- kalite selektè-matche yon eleman espesifik
- klas selektè-matche eleman ak yon klas espesifik
- ID selektè-matche eleman ki gen yon ID espesifik
- Selektè desandan- eleman ki gen pitit pitit yon eleman espesifik
- timoun seleksyone-matche eleman ki se yon timoun nan eleman espesifik
- selektè inivèsèl-matche nenpòt eleman
- adjasan sibling selektè-matche eleman imedyatman anvan pa yon eleman espesifik
- atribi selektè-matche eleman ak yon atribi espesifik oswa valè atribi
- pseudo-klas selektè-matche eleman ak yon klas pseudo espesifik
- pseudo-eleman selektè-matche eleman ki gen espesifik pwopriyete pseudo-eleman
Fòma CSS Styles ak selèkteur CSS
Fòma a nan yon style CSS sanble sa a:
Selektè {style pwopriyete: style; }}
Separe selektè miltip ki gen style la menm ak komas. Yo rele sa selektè gwoupman. Pa egzanp:
selector1 , selector2 {style pwopriyete: style; }}
Selektè gwoupman se yon mekanis estanda pou kenbe estil CSS ou a kontra enfòmèl ant.
Gwoupman ki anwo la a ta gen efè a menm jan:
selector1 {style pwopriyete: style; }}
selector2 {style pwopriyete: style; }}
Toujou teste selektè CSS ou yo
Se pa tout navigatè sipòte tout selektè yo CSS. Se konsa, asire w ke ou teste selektè ou nan kòm anpil navigatè sou sistèm opere anpil ke ou kapab. Men, si w ap itilize CSS 1 oswa CSS2 selektè ou ta dwe amann.