Almanah CSS 2025, Ianuarie

Selectorul #id vă permite să vizați un element făcând referire la atributul id HTML. Similar cu modul în care atributele de clasă sunt denotate în CSS cu o „perioadă” ”

Selectorul: invalid vă permite să selectați elemente care nu conțin conținut valid, așa cum este determinat de atributul său de tip. : invalid este definit în CSS "

Combinatorul general de frați (~) din CSS arată astfel: .featured-image ~ p (font-size: 90%;) În acest exemplu, ați selecta toate "

Clasa pseudo focus: în CSS este utilizată pentru stilizarea unui element care este vizat în prezent de tastatură sau activat de mouse. Iată un exemplu: "

Pseudoselectorul: focus-within din CSS este puțin neobișnuit, deși bine numit și destul de intuitiv. Selectează un element dacă acel element conține orice "

Selectorul: primul de tip din CSS vă permite să vizați prima apariție a unui element din containerul său. Este definit în selectorul CSS de nivelul 3 "

Clasa pseudo: hover din CSS selectează elemente atunci când cursorul mouse-ului este actual peste ele. Este asociat în mod obișnuit cu linkul () "

:: pseudo-elementul din prima linie este destinat aplicării stilurilor pe prima linie a unui element. Imaginați-vă un paragraf care are mai multe rânduri (ca acesta!). "

Selectorul: first-child vă permite să vizați primul element imediat în interiorul altui element. Este definit în specificațiile de nivel 3 CSS Selectors ca un „

:: prima literă este un pseudoelement care vă permite să stilizați prima literă dintr-un element, fără a fi nevoie să lipiți o etichetă în jurul acelei prime "

Pseudoelectorul: gol va selecta elemente care nu conțin nimic sau doar un comentariu HTML. div: goal (display: none;) Se va potrivi "

Un combinator copil în CSS este simbolul „mai mare decât”, arată astfel: ol> li (culoare: roșu;) Înseamnă „selectați elemente care sunt descendenți direcți”

Pseudo-clasa: enabled din CSS selectează elementele focalizabile care nu sunt dezactivate și, prin urmare, sunt activate. Este asociat doar cu elemente de formular "

Un selector de clasă din CSS începe cu un punct (.), Astfel: .class () Un selector de clasă selectează toate elementele cu un atribut de clasă potrivită. De exemplu,"

Pseudo-clasa: dir () din CSS permite selectarea elementelor pe baza direcției limbajului, așa cum se determină în marcajul HTML. Există într-adevăr "

Selectorul de pseudo-clasă: disabled oferă un stil condiționat elementelor HTML care pot primi intrarea utilizatorului, atunci când elementele au dezactivat "

Un selector descendent în CSS este orice selector cu spațiu alb între doi selectori fără un combinator. Iată câteva exemple: ul li () header h2 () "

: Pseudo-selectorul implicit se va potrivi cu valoarea implicită dintr-un grup de elemente asociate, cum ar fi butonul radio dintr-un grup de butoane care este selectat de „

Pseudo-clasa: bifată în CSS selectează elemente atunci când acestea se află în starea selectată. Este asociat doar cu elemente input () de tip radio și „

Pseudo-clasa: blank se bazează pe pseudo-clasa: goală. De exemplu: gol,: gol va selecta elemente care nu conțin nimic sau conțin doar un cod HTML "

Există o mulțime de moduri în care puteți selecta elemente în CSS. Selecția de bază este după numele etichetei, cum ar fi p (). Aproape orice mai specific decât o etichetă "

Pseudo-elementele :: before și :: after din CSS vă permit să inserați conținut pe o pagină fără a fi nevoie să fie în HTML. În timp ce rezultatul final nu este "

Div (index-z: 1; / * întreg * /) Proprietatea index-z din CSS controlează ordinea de stivuire verticală a elementelor care se suprapun. Ca în, care apare ca „

Pseudo-clasa: any-link din CSS oferă o metodă pentru selectarea elementelor care sunt ancora sursă a unui hyperlink. Dacă termenul sursă ancoră te-a pierdut, "

Pseudoelectorul: active modifică aspectul unui link în timp ce acesta este activat (fiind apăsat sau activat în alt mod). De obicei se vede doar "

Combinatorul frate adiacent din CSS nu este un selector pe cont propriu, ci un mod de a combina doi selectori. De exemplu: p + p (margine: 0;) Semnul plus "

Proprietatea de lățime din CSS specifică lățimea zonei de conținut a elementului. Această zonă „conținut” este porțiunea din interiorul căptușelii, chenarului și marginii „

Proprietatea de spațiu alb controlează modul în care textul este tratat pe elementul la care este aplicat. Să presupunem că aveți HTML exact așa: o grămadă de cuvinte pentru dvs. "

Proprietatea zoom din CSS vă permite să vă scalați conținutul. Nu este standard și a fost inițial implementat doar în Internet Explorer. Deși mai mulți "

Proprietatea de spațiere a cuvintelor este similară spațierii literelor, deși în mod firesc utilizarea sa guvernează spațiul dintre cuvintele dintr-o bucată de text, nu „