Dechrau CSS
Mae CSS yn dibynnu ar reolau cydweddu patrymau i bennu pa arddull sy'n berthnasol i'r elfen honno yn y ddogfen. Gelwir y patrymau hyn yn ddetholyddion ac maent yn amrywio o enwau tag (er enghraifft, p i gyfateb tagiau paragraff) i batrymau cymhleth iawn sy'n cydweddu rhannau penodol iawn o ddogfen (er enghraifft, byddai p # myid> b.highlight yn cyfateb i unrhyw tag gyda dosbarth o dynnu sylw sy'n blentyn i'r paragraff gyda'r achos a ddidynnir).
Detholydd CSS yw'r rhan o alwad arddull CSS sy'n nodi pa ran o'r dudalen we ddylai gael ei styled. Mae'r detholydd yn cynnwys un neu fwy o eiddo sy'n diffinio sut y bydd yr HTML dewisol yn cael ei styled.
Dewiswyr CSS
Mae sawl math gwahanol o ddetholydd:
- Dewiswyr math sy'n cyfateb elfen benodol
- dewiswyr dosbarth sy'n cydweddu â dosbarth penodol
- Detholyddion ID - sy'n cydweddu'r elfen ag ID penodol
- detholyddion disgynyddion - cyfryngau sy'n disgynyddion elfen benodol
- elfennau sy'n cyd-fynd â dewiswyr plant sy'n blentyn i'r elfen benodol
- detholwyr cyffredinol sy'n cydweddu unrhyw elfen
- elfennau cyfatebol sy'n cyd-fynd â dewiswyr brawddeg brawddegau cyfagos yn syth cyn elfen benodol
- elfennau sy'n cyfateb i ddetholyddion priodoldeb â phriodoledd penodol neu werth priodoli
- elfennau cyfateb detholwyr ffug-ddosbarth gyda dosbarth ffug penodol
- elfennau cyfateb detholwyr ffug-elfen gydag eiddo ffug-elfen penodol
Fformat CSS Styles a Selectors CSS
Mae fformat arddull CSS yn edrych fel hyn:
dewiswr {arddull eiddo: arddull; }
Dewiswch sawl detholwr lluosog sydd â'r un arddull â chomas. Gelwir hyn yn grwp dewiswr. Er enghraifft:
selector1 , selector2 {arddull eiddo: arddull; }
Mae dewiswyr grwpio yn fecanwaith llaw i gadw'ch arddulliau CSS yn gryno.
Byddai'r grw p uchod yr un effaith â'r canlynol:
selector1 {arddull eiddo: arddull; }
selector2 {arddull eiddo: arddull; }
Profwch bob amser eich Dewiswyr CSS
Nid yw pob porwr yn cefnogi'r holl ddetholyddion CSS. Felly, sicrhewch eich bod yn profi eich dewiswyr mewn cynifer o borwyr ar gymaint o systemau gweithredu ag y gallwch. Ond os ydych chi'n defnyddio detholwyr CSS 1 neu CSS2, dylech fod yn iawn.