CSS Almanack 2025, Juli

#Id-väljaren låter dig rikta in dig på ett element genom att referera till id-HTML-attributet. Liknar hur klassattribut betecknas i CSS med en "period" "

Med: ogiltig väljare kan du välja element som inte innehåller giltigt innehåll, som bestäms av dess typattribut. : ogiltigt definieras i CSS "

Den allmänna syskonkombinationen (~) i CSS ser ut så här vid användning: .featured-image ~ p (font-size: 90%;) I det exemplet skulle du välja alla "

Klassen: fokus pseudo i CSS används för att utforma ett element som för närvarande riktas in av tangentbordet eller aktiveras av musen. Här är ett exempel:"

Den: fokuserade pseudoväljaren i CSS är lite ovanlig, även om den är väl namngiven och ganska intuitiv. Det väljer ett element om det elementet innehåller något "

Med: först-av-typ-väljaren i CSS kan du rikta in den första förekomsten av ett element i dess behållare. Det definieras i CSS-väljare nivå 3 "

Klass: sväva pseudoklassen i CSS väljer element när muspekaren är aktuell över dem. Det är ofta associerat med länk () "

:: pseudoelementet för första raden är för att tillämpa stilar på den första raden i ett element. Föreställ dig ett stycke som är flera rader (som det här!). "

Med: första barnväljaren kan du rikta in det första elementet direkt inuti ett annat element. Det definieras i CSS Selectors Level 3 spec som en "

:: första bokstaven är ett pseudoelement som låter dig utforma den första bokstaven i ett element utan att behöva hålla en -tagg runt den första "

Den: tomma pseudoväljaren väljer element som innehåller antingen ingenting eller bara en HTML-kommentar. div: tom (display: none;) Kommer att matcha "

En barnkombinator i CSS är symbolen "större än", den ser ut så här: ol> li (färg: röd;) Det betyder "välj element som är direkta ättlingar"

Den: aktiverade pseudoklassen i CSS väljer fokuserade element som inte är inaktiverade och därför aktiverade. Det är bara associerat med formelement "

En klassväljare i CSS börjar med en punkt (.), Så här: .class () En klassväljare väljer alla element med ett matchande klassattribut. Till exempel,"

Pseudoklassen: dir () i CSS tillåter att element väljs baserat på språkets riktning, som bestäms i HTML-markeringen. Det finns verkligen "

Den: inaktiverade pseudoklassväljaren ger villkorlig utformning till HTML-element som kan ta emot användarinmatning när elementen är inaktiverade "

En efterkommande väljare i CSS är vilken väljare som helst med vitt mellanrum mellan två väljare utan en kombinator. Här är några exempel: ul li () rubrik h2 () "

: Standardväljaren för pseudo kommer att matcha standardvärdet i en grupp tillhörande element, t.ex. alternativknappen i en grupp av knappar som väljs av "

Den: kontrollerade pseudoklassen i CSS väljer element när de är i det valda tillståndet. Det är bara associerat med inmatningselement () av ​​typen radio och "

Den: tomma pseudoklassen bygger på den: tomma pseudoklassen. Liksom: tom,: tom markerar element som inte innehåller något alls, eller som bara innehåller en HTML "

Det finns många sätt att välja element i CSS. Det mest grundläggande valet är efter taggnamn, som p (). Nästan allt mer specifikt än en tagg "

Med :: före och :: efter pseudoelement i CSS kan du infoga innehåll på en sida utan att det behöver finnas i HTML. Medan slutresultatet inte är "

Div (z-index: 1; / * heltal * /) Z-indexegenskapen i CSS styr den vertikala staplingsordningen för element som överlappar varandra. Som i, vilken visas som "

Pseudoklassen: any-link i CSS ger en metod för att välja element som är källankare för en hyperlänk. Om termen källankare förlorade dig, "

Den: aktiva pseudoväljaren ändrar utseendet på en länk medan den aktiveras (klickas på eller på annat sätt aktiveras). Det ses vanligtvis bara "

Den angränsande syskonkombinationen i CSS är inte en väljare ensam, utan ett sätt att kombinera två väljare. Till exempel: p + p (marginal: 0;) Plustecknet "

Egenskapen bredd i CSS anger bredden på elementets innehållsområde. Detta "innehåll" -område är delen inuti stoppningen, kanten och marginalen för "

Egenskapen white-space kontrollerar hur text hanteras på det element som den används på. Låt oss säga att du har HTML exakt så här: Ett gäng ord du "

Zoomegenskapen i CSS gör att du kan skala ditt innehåll. Den är icke-standard och implementerades ursprungligen endast i Internet Explorer. Även om flera "

Ordavståndsegenskapen liknar bokstavsavstånd, men dess användning reglerar naturligtvis mängden mellanrum mellan orden i en bit text, inte "