Skip to content

Mikä on CSS-valitsin?

30 de huhtikuu de 2021

CSS käyttää mallien vastaavuussääntöjä määrittääkseen, mikä tyyli koskee asiakirjan mitä elementtiä. Näitä malleja kutsutaan valitsimet ja ne vaihtelevat tagien nimistä (esimerkiksi s

kohdistaa kappaletagit) hyvin monimutkaisiin malleihin, jotka vastaavat asiakirjan tiettyjä osia. Esimerkiksi p # myid> b. Korosta

vastaisi mitä tahansa b

tunniste korostetun luokan kanssa

se on kappaleen lapsi, jonka tunnus on my myi

CSS-valitsin on osa CSS-tyylipuhelua, joka tunnistaa, minkä osan verkkosivusta tulisi muotoilla. Valitsin sisältää yhden tai useampia ominaisuuksia, jotka määrittelevät, kuinka valittu HTML type = ”code”>

CSS-valitsimet

Valitsimia on useita erilaisia:

  • tyypin valitsimet – sopivat tiettyyn elementtiin
  • luokan valitsimet – elementtien sovittaminen tiettyyn luokkaan
  • Tunnuksen valitsimet – elementin sovittaminen tiettyyn tunnukseen
  • jälkeläisvalitsijat – vastaavat elementit, jotka ovat tietyn elementin jälkeläisiä
  • lapsivalitsimet – vastaavat elementit, jotka ovat tietyn elementin lapsi
  • yleisvalitsimet – sopivat mihin tahansa elementtiin
  • vierekkäiset sisarusten valitsimet – vastaavia elementtejä edeltää välittömästi tietty elementti
  • määritteen valitsimet – elementtien sovittaminen tietyn määritteen tai määritteen arvon kanssa
  • pseudoluokan valitsimet – elementtien sovittaminen tiettyyn pseudoluokkaan
  • pseudoelementin valitsimet – elementtien sovittaminen erityisillä pseudoelementin ominaisuuksilla

Alusta CSS-tyylit ja CSS-valitsimet

CSS-tyylin muoto näyttää tältä: selector {style property: style; }

type = ”code”> Erota useita valitsimia, joilla on sama tyyli, pilkuilla. Tätä kutsutaan valintaryhmäksi. Esimerkiksi: valitsin1, selector2 {tyylin ominaisuus: tyyli; }

type = ”code”> Valitsimien ryhmittely on lyhytmekanismi, joka pitää CSS-tyylisi pienikokoisena. Yllä olevalla ryhmittelyllä olisi sama vaikutus kuin: selector1 {style property: style; }
selector2 {tyylin ominaisuus: tyyli; }

type = ”code”>

Testaa aina CSS-valitsimesi

Kaikki vanhemmat selaimet eivät tue kaikkia CSS-valitsimia. Jos asetat CSS: ää käytettäväksi selaimissa, jotka ovat vanhoja kuin IE8 tai vanhempia, testaa valitsimesi niin monessa selaimessa niin monella käyttöjärjestelmällä kuin luulet, että sitä voidaan käyttää koodisi käyttämiseen. Jos käytät CSS1-, CSS2- tai CSS3-valitsimia käytettäväksi nykyisissä selaimissa, sinun pitäisi olla kunnossa.