Přejít k navigační liště

Zdroják » Zprávičky » CSS selektory level 4: další pseudotřídy a přesnější cílení

CSS selektory level 4: další pseudotřídy a přesnější cílení

Zprávičky Webdesign

Nálepky:

Nový návrh specifikace pro CSS selektory (Selectors level 4) z letošního září přináší několik zajímavých novinek. Jednou z nich je pseudotřída :matches(), která slouží k výběru více pseudotříd:

*|*:matches(:hover, :focus)

Tento selektor platí pro všechny prvky ve všech jmenných prostorech, které mají pseudotřídu :hover nebo :focus. Level 4 definuje podobně i další pseudotřídy podle vzoru :nth-child(), například  :nth-match().

Zajímavou novinkou je syntax, umožňující zacílit pravidlo na element, který není v selektoru poslední. Příklad:

ul > $li > a { background: #000;}

Bez znaku ‚$‘ by tato definice platila pro element a, který je potomkem li, který je potomkem ul. Pomocí ‚$‘ můžeme toto pravidlo aplikovat na jiný element ze selektoru – v tomto případě na element li, který má potomka a, a sám je potomkem  ul.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Bogan

To je dost, ze tam pridali to cileni. jQuery ma sice .has(), ale tohle bude snazsi. Ted si uz jen pockame 20let nez to bude podporovat i IE 19 a hned to zacnu pouzivat :-). Ale do te doby bude vlastne IE uz raritou, takze to snad bude driv.

Strategie a AI jako klíč. Do Prahy přijely špičky technologického světa

WebExpo 2025 ukázalo, jak se tvoří budoucnost. Třídenní technologická konference WebExpo 2025 přivedla do Prahy světové i české experty, kteří nabídli inspiraci napříč obory. Hlavním tématem byla propojenost disciplín, význam AI a potřeba otevřenosti vůči novým výzvám – včetně podpory legální imigrace. Ukázalo se, že inovace vznikají nejen v Silicon Valley, ale i tam, kde se nebojíme myslet jinak.

Přístupnost není jen o splnění norem: nový pohled na inkluzivní design

Přístupnost a inkluze možná nepatří mezi nejžhavější témata digitálního světa – dokud o nich nezačne mluvit Vitaly Friedman. Na WebExpo 2024 předvedl, že inkluzivní design není jen o splněných checkboxech, ale hlavně o lidech. S energií sobě vlastní obrátil zažité přístupy naruby a ukázal, že skutečně přístupný web je nejen možný, ale i nezbytný.

Efektivnější vývoj UI nebo API: Co si odnést z WebExpo 2025?

Různé
Komentáře: 0
Jak snadno implementovat moderní uživatelské rozhraní? Které funkce brzdí rychlost vašeho webu? A kdy raději sami přibrzdit, abychom využitím AI nepřekročili etické principy? Debatu aktuálních dev témat rozdmýchá sedmnáctý ročník technologické konference WebExpo, která proběhne v Praze od 28. do 30. května. Který talk či workshop si rozhodně nenechat ujít? Toto je náš redakční výběr z vývojářských hroznů.