CSS-almanakk 2025, April

#Id-velgeren lar deg målrette mot et element ved å referere til id HTML-attributtet. Ligner på hvordan klasseattributter er betegnet i CSS med en "periode" "

Med: ugyldig velger kan du velge elementer som ikke inneholder gyldig innhold, som bestemt av typeattributtet. : ugyldig er definert i CSS "

Den generelle søskenkombinatoren (~) i CSS ser slik ut i bruk: .featured-image ~ p (skriftstørrelse: 90%;) I det eksemplet vil du velge alle "

Klassen: fokus pseudo i CSS brukes til å utforme et element som for øyeblikket er målrettet av tastaturet, eller aktivert av musen. Her er et eksempel: "

Fokus-innen pseudovelgeren i CSS er litt uvanlig, selv om den er velkjent og ganske intuitiv. Det velger et element hvis elementet inneholder noe "

Den første typen velger i CSS lar deg målrette den første forekomsten av et element i beholderen. Det er definert i CSS Selectors Level 3 "

Klassen: sveve pseudo i CSS velger elementer når musemarkøren er gjeldende over dem. Det er ofte forbundet med lenke () "

:: Førstelinjens pseudo-element er for å bruke stiler på den første linjen i et element. Se for deg et avsnitt som er flere linjer langt (som dette!). "

Med: førstebarnvelgeren kan du målrette det første elementet umiddelbart i et annet element. Det er definert i CSS Selectors Level 3 spec som en "

:: første bokstav er et pseudo-element som lar deg style den første bokstaven i et element uten å måtte stikke en -kode rundt den første "

Den: tomme pseudovelgeren velger elementer som ikke inneholder noe eller bare en HTML-kommentar. div: tom (display: ingen;) Vil matche "

En barnekombinator i CSS er symbolet "større enn", det ser slik ut: ol> li (farge: rød;) Det betyr "velg elementer som er direkte etterkommere"

Den: aktiverte pseudoklassen i CSS velger fokuserbare elementer som ikke er deaktivert, og derfor aktivert. Det er bare knyttet til skjemaelementer "

En klassevalg i CSS starter med en prikk (.), Slik: .class () En klassevelger velger alle elementer med et matchende klasseattributt. For eksempel,"

: Dir () pseudoklassen i CSS lar elementene velges basert på retningen til språket, som bestemt i HTML-markeringen. Det er virkelig "

: Deaktivert pseudoklasse-velger gir betinget styling til HTML-elementer som kan motta brukerinngang, når elementene er deaktivert "

En etterkommervelger i CSS er hvilken som helst velger med hvitt mellomrom mellom to velgere uten kombinator. Her er noen eksempler: ul li () header h2 () "

: Standard pseudovelgeren vil matche standard i en gruppe tilknyttede elementer, for eksempel alternativknappen i en gruppe knapper som er valgt av "

Den: avkryssede pseudoklassen i CSS velger elementer når de er i valgt tilstand. Den er bare assosiert med input () -elementer av typen radio og "

Den: tomme pseudoklassen bygger på den: tomme pseudoklassen. Som: tom,: tom vil velge elementer som ikke inneholder noe i det hele tatt, eller som bare inneholder en HTML "

Det er mange måter du kan velge elementer i CSS. Det mest grunnleggende valget er etter kodenavn, som p (). Nesten noe mer spesifikt enn en tag "

:: før og :: etter pseudoelementene i CSS lar deg sette inn innhold på en side uten at det trenger å være i HTML. Mens sluttresultatet ikke er "

Div (z-indeks: 1; / * heltall * /) z-indeksegenskapen i CSS styrer den vertikale stablingsrekkefølgen til elementer som overlapper hverandre. Som i, hvilken vises som "

Pseudoklassen: hvilken som helst lenke i CSS gir en metode for å velge elementer som er kildeankeret til en hyperkobling. Hvis begrepet kildeanker mistet deg, "

Den: aktive pseudovelgeren endrer utseendet til en lenke mens den aktiveres (blir klikket på eller på annen måte aktivert). Det er vanligvis bare sett "

Den tilstøtende søskenkombinatoren i CSS er ikke en velger alene, men en måte å kombinere to velgere på. For eksempel: p + p (margin: 0;) Plusstegnet "

Breddeegenskapen i CSS spesifiserer bredden på elementets innholdsområde. Dette "innhold" -området er delen inne i polstring, kantlinje og margin på "

White-space-egenskapen styrer hvordan tekst håndteres på elementet den brukes på. La oss si at du har HTML akkurat slik: En haug med ord du "

Zoom-egenskapen i CSS lar deg skalere innholdet ditt. Det er ikke-standard, og ble opprinnelig bare implementert i Internet Explorer. Selv om flere "

Ordavstandsegenskapen ligner på bokstavavstand, selv om bruken av den selvfølgelig styrer mengden mellomrom mellom ordene i et stykke tekst, ikke "