CSS Almanak 2025, Juli

ID - CSS-tricks

ID - CSS-tricks

#Id-vælgeren giver dig mulighed for at målrette mod et element ved at henvise til id-HTML-attributten. Svarende til hvordan klasseattributter er betegnet i CSS med en "periode" "

: ugyldig - CSS-tricks

: ugyldig - CSS-tricks

Den: ugyldige vælger giver dig mulighed for at vælge elementer, der ikke indeholder gyldigt indhold, som bestemt af dens typeattribut. : ugyldig er defineret i CSS "

Generelt søskende CSS-tricks

Generelt søskende CSS-tricks

Den generelle søskenkombinator (~) i CSS ser sådan ud i brug: .featured-image ~ p (skriftstørrelse: 90%;) I det eksempel ville du vælge alle "

: fokus - CSS-tricks

: fokus - CSS-tricks

Fokus pseudoklassen i CSS bruges til styling af et element, der aktuelt er målrettet mod tastaturet eller aktiveret af musen. Her er et eksempel: "

: fokus indeni - CSS-tricks

: fokus indeni - CSS-tricks

Fokus inden i pseudovælgeren i CSS er lidt usædvanlig, selvom den er velkendt og ret intuitiv. Det vælger et element, hvis elementet indeholder noget "

: første type - CSS-tricks

: første type - CSS-tricks

Den første type-vælger i CSS giver dig mulighed for at målrette mod den første forekomst af et element i dets container. Det er defineret i CSS-vælgerne niveau 3 "

: svæver - CSS-tricks

: svæver - CSS-tricks

Klassen: svæver pseudo i CSS vælger elementer, når musemarkøren er aktuel over dem. Det er ofte forbundet med link () "

:: første linje - CSS-tricks

:: første linje - CSS-tricks

:: pseudo-elementet i første linje er til at anvende stilarter på den første linje i et element. Forestil dig et afsnit, der er flere linjer langt (som dette!). "

: første barn - CSS-tricks

: første barn - CSS-tricks

Vælgeren: første barn giver dig mulighed for at målrette det første element med det samme inden for et andet element. Det er defineret i CSS Selectors niveau 3 spec som en "

:: første bogstav - CSS-tricks

:: første bogstav - CSS-tricks

:: første bogstav er et pseudo-element, der giver dig mulighed for at style det første bogstav i et element uden at skulle klæbe et -mærke rundt om det første "

: tom - CSS-tricks

: tom - CSS-tricks

Den: tomme pseudovælger vælger elementer, der enten ikke indeholder noget eller kun en HTML-kommentar. div: tom (display: ingen;) Vil matche "

Barn - CSS-tricks

Barn - CSS-tricks

En børnekombinator i CSS er symbolet "større end", det ser sådan ud: ol> li (farve: rød;) Det betyder "vælg elementer, der er direkte efterkommere"

: aktiveret - CSS-tricks

: aktiveret - CSS-tricks

Den: aktiverede pseudoklasse i CSS vælger elementer, der kan fokuseres, der ikke er deaktiverede og derfor aktiveret. Det er kun forbundet med formelementer "

Klasse - CSS-tricks

Klasse - CSS-tricks

En klassevælger i CSS starter med en prik (.), Som denne: .class () En klassevælger vælger alle elementer med en matchende klasseattribut. For eksempel,"

: dir () - CSS-tricks

: dir () - CSS-tricks

Pseudoklassen: dir () i CSS gør det muligt at vælge elementer baseret på sprogets retning som bestemt i HTML-markeringen. Der er virkelig "

: deaktiveret - CSS-tricks

: deaktiveret - CSS-tricks

: Deaktiveret pseudoklassevælger giver betinget styling til HTML-elementer, der kan modtage brugerinput, når elementerne er deaktiveret "

Efterkommer - CSS-tricks

Efterkommer - CSS-tricks

En efterfølgende vælger i CSS er enhver vælger med hvidt mellemrum mellem to vælgere uden en kombinator. Her er nogle eksempler: ul li () header h2 () "

: standard - CSS-tricks

: standard - CSS-tricks

: Standard-pseudovælgeren svarer til standardindstillingen i en gruppe af tilknyttede elementer, såsom radioknappen i en gruppe af knapper, der er valgt af "

: afkrydset - CSS-tricks

: afkrydset - CSS-tricks

Den: afkrydsede pseudoklasse i CSS vælger elementer, når de er i den valgte tilstand. Det er kun forbundet med input () -elementer af typen radio og "

: blank - CSS-tricks

: blank - CSS-tricks

Den: tomme pseudoklasse bygger på den: tomme pseudoklasse. Som: tom,: tom vil vælge elementer, der overhovedet ikke indeholder noget eller kun indeholder en HTML "

(attribut) - CSS-tricks

(attribut) - CSS-tricks

Der er mange måder, du kan vælge elementer i CSS. Det mest basale valg er efter tagnavn, som p (). Næsten alt mere specifikt end et mærke "

:: før / :: efter - CSS-tricks

:: før / :: efter - CSS-tricks

:: før og :: efter pseudo-elementer i CSS giver dig mulighed for at indsætte indhold på en side uden at det behøver at være i HTML. Mens slutresultatet ikke er "

Z-indeks - CSS-tricks

Z-indeks - CSS-tricks

Div (z-index: 1; / * integer * /) z-index-egenskaben i CSS styrer den lodrette stabelrækkefølge af elementer, der overlapper hinanden. Som i, hvilken der vises som "

: ethvert link - CSS-tricks

: ethvert link - CSS-tricks

Pseudoklassen: ethvert link i CSS giver en metode til valg af elementer, der er kildeankeret til et hyperlink. Hvis udtrykket kildeanker mistede dig, "

: aktiv - CSS-tricks

: aktiv - CSS-tricks

Den: aktive pseudovælger ændrer udseendet på et link, mens det aktiveres (der klikkes på eller på anden måde aktiveres). Det ses normalt kun "

Tilstødende søskende - CSS-tricks

Tilstødende søskende - CSS-tricks

Den tilstødende søskendekombinator i CSS er ikke en vælger alene, men en måde at kombinere to vælgere på. For eksempel: p + p (margen: 0;) Plustegnet "

Bredde - CSS-tricks

Bredde - CSS-tricks

Breddegenskaben i CSS angiver bredden på elementets indholdsområde. Dette "indhold" -område er den del, der er inde i polstring, kant og margen på "

Hvid-plads - CSS-tricks

Hvid-plads - CSS-tricks

Egenskaben hvid-plads styrer, hvordan tekst håndteres på det element, den anvendes på. Lad os sige, at du har HTML nøjagtigt som denne: En flok ord du "

Zoom - CSS-tricks

Zoom - CSS-tricks

Zoomegenskaben i CSS giver dig mulighed for at skalere dit indhold. Det er ikke-standard og blev oprindeligt kun implementeret i Internet Explorer. Selvom flere "

Ordafstand - CSS-tricks

Ordafstand - CSS-tricks

Ord-afstand-egenskaben svarer til bogstav-afstand, selvom dens anvendelse naturligvis styrer mængden af ​​mellemrum mellem ordene i et stykke tekst, ikke "