CSS Almanak 2025, Juli
#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" "
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 "
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 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 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 "
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 "
Klassen: svæver pseudo i CSS vælger elementer, når musemarkøren er aktuel over dem. Det er ofte forbundet med link () "
:: 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!). "
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 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 "
Den: tomme pseudovælger vælger elementer, der enten ikke indeholder noget eller kun en HTML-kommentar. div: tom (display: ingen;) Vil matche "
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"
Den: aktiverede pseudoklasse i CSS vælger elementer, der kan fokuseres, der ikke er deaktiverede og derfor aktiveret. Det er kun forbundet med formelementer "
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,"
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 pseudoklassevælger giver betinget styling til HTML-elementer, der kan modtage brugerinput, når elementerne er deaktiveret "
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-pseudovælgeren svarer til standardindstillingen i en gruppe af tilknyttede elementer, såsom radioknappen i en gruppe af knapper, der er valgt af "
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 "
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 "
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 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 "
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 "
Pseudoklassen: ethvert link i CSS giver en metode til valg af elementer, der er kildeankeret til et hyperlink. Hvis udtrykket kildeanker mistede dig, "
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 "
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 "
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å "
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 "
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 "
Ord-afstand-egenskaben svarer til bogstav-afstand, selvom dens anvendelse naturligvis styrer mængden af mellemrum mellem ordene i et stykke tekst, ikke "