Almanach CSS 2025, Apríl

Selektor #id umožňuje zacieliť na prvok pomocou odkazu na atribút id HTML. Podobné tomu, ako sú atribúty triedy v CSS označené „bodkou“ “

Selektor: invalid vám umožňuje vybrať prvky, ktoré neobsahujú platný obsah, čo je určené jeho atribútom typu. : neplatný je definovaný v CSS "

Všeobecný kombinátor súrodencov (~) v CSS vyzerá takto: .featured-image ~ p (font-size: 90%;) V tomto príklade by ste vybrali všetky „

Trieda: focus pseudo v CSS sa používa na úpravu štýlu prvku, na ktorý je momentálne zameraná klávesnica alebo ktorý je aktivovaný myšou. Tu je príklad: „

The: focus-within pseudo selector v CSS je trochu neobvyklý, aj keď dobre pomenovaný a skôr intuitívny. Vyberie prvok, ak tento obsahuje nejaké „

Selektor: prvého typu v CSS vám umožňuje zacieliť na prvý výskyt prvku v jeho kontajneri. Je definované v CSS Selectors Level 3 "

Pseudo trieda: hover v CSS vyberá prvky, keď je nad nimi kurzor myši. Bežne sa spája s odkazom () “

Pseudoprvok :: prvý riadok slúži na použitie štýlov na prvý riadok prvku. Predstavte si odsek, ktorý má niekoľko riadkov (napríklad tento!). “

Selektor: first-child umožňuje zacieliť na prvý prvok bezprostredne vo vnútri iného prvku. Je definovaná v špecifikácii úrovne výberu CSS 3 ako „

:: first-letter je pseudo prvok, ktorý vám umožní upravovať štýl prvého písmena v prvku bez toho, aby ste okolo tohto prvého museli lepiť značku "

Prázdny pseudo selektor vyberie prvky, ktoré neobsahujú nič alebo iba komentár HTML. div: prázdny (displej: žiadny;) Bude sa zhodovať "

Podradený kombinátor v CSS je symbol „väčší ako“, vyzerá takto: ol> li (farba: červená;) Znamená to „vyberať prvky, ktoré sú priamymi potomkami“

Pseudotrieda: enabled v CSS vyberá zaostrovateľné prvky, ktoré nie sú zakázané, a teda povolené. Je spojená iba s prvkami formulára. “

Selektor triedy v CSS začína bodkou (.), Napríklad takto: .class () Selektor triedy vyberie všetky prvky so zhodným atribútom triedy. Napríklad,"

Pseudotrieda: dir () v CSS umožňuje výber prvkov na základe smeru jazyka, ktorý je určený v značke HTML. Existujú skutočne "

The: disabled pseudo-class selector provides conditional styling to HTML elements that can receive user user, when the elements have the disabled "

Potomok selektor v CSS je akýkoľvek selektor s bielym priestorom medzi dvoma selektormi bez kombinátora. Tu je niekoľko príkladov: ul li () header h2 () "

: Predvolený pseudo selektor sa bude zhodovať s predvoleným nastavením v skupine asociovaných prvkov, ako je napríklad prepínač v skupine tlačidiel, ktoré sú vybrané „

The: checked pseudo-class in CSS selects elements when they are in the selected state. Je priradený iba k vstupným () prvkom typu rádia a „

Prázdna pseudotrieda stavia na: prázdnej pseudotriede. Páči sa mi: prázdne,: prázdne vyberie prvky, ktoré neobsahujú vôbec nič alebo obsahujú iba kód HTML “

Existuje veľa spôsobov, ako môžete vybrať prvky v CSS. Najzákladnejší výber je podľa názvu značky, napríklad p (). Takmer všetko presnejšie ako značka “

Pseudoprvky :: before a :: after v CSS vám umožňujú vkladať obsah na stránku bez toho, aby musel byť v kóde HTML. Aj keď konečný výsledok nie je “

Div (z-index: 1; / * integer * /) Vlastnosť z-index v CSS riadi vertikálne poradie stohovania prvkov, ktoré sa prekrývajú. Rovnako ako v tom, ktorý z nich sa zobrazuje ako „

The: any-link pseudo-class in CSS provides a method for selection elements that are the source anchor of a hyperlink. Ak vás pojem zdrojová kotva stratil, “

Aktívny pseudo selektor mení vzhľad odkazu, keď je aktívny (po kliknutí alebo inom aktivovaní). Spravidla sa to iba vidí “

Susedný kombinátor súrodencov v CSS nie je selektor sám o sebe, ale spôsob kombinácie dvoch selektorov. Napríklad: p + p (okraj: 0;) Znamienko plus „

Vlastnosť width v CSS určuje šírku obsahovej oblasti prvku. Táto „obsahová“ oblasť je časť vo vnútri výplne, ohraničenia a okraja „“.

Vlastnosť bieleho priestoru riadi, ako sa s textom zaobchádza v prvku, na ktorý sa aplikuje. Povedzme, že máte HTML presne takto: Mnoho slov, ktoré „

Vlastnosť zväčšenia v CSS vám umožňuje zväčšiť váš obsah. Je to neštandardné a pôvodne sa implementovalo iba v prehliadači Internet Explorer. Aj keď niekoľko „

Vlastnosť medzery medzi slovami je podobná medzere medzi písmenami, aj keď jej použitie prirodzene určuje veľkosť medzery medzi slovami v kuse textu, nie znak „