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

Zdroják » Zprávičky » Bylo by užitečné vnořování selektorů CSS?

Bylo by užitečné vnořování selektorů CSS?

Zprávičky ‐ ‐ Webdesign ‐

Elika Etemadová nedávno rozebírala připomínky k CSS3, které vzešly ze strany webdesignerské komunity (jedná se o delší, ale rozhodně zajímavé čtení).

Eric Meyer si vybral připomínku týkající se vnořených bloků selektorů a rozbírá ji ve svém článku CSS3 Feedback: Selector Blocks. Je jisté, že by tato vlastnost ušetřila webdesignerům trochu psaní, ale je skutečně potřeba? Co si myslíte vy?

Komentáře

Odebírat
Upozornit na
guest
5 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů
KacerDonald

No to by bola bomba, co sa tyka poriadku ale aj bordelu, ktory by vnikol.
Ak to totiz pouzijem tak ako to chcel autor (link zo spravicky), je to super ale predstavte si, ze mate dlhodizny .css subor a hladajte co kde mate vnorene ;-)

Myslienka <div class="main" style="@import()..> nie je zla, dokonca by som povedal ze vinikajuca, ale to by som skor uz nechal pre CSS4 lebo nech uz konecne CCS3 je vonka! Lebo len sa o tom hovori, kde kto nieco implementuje, ale uz nech to je schvalene, a robme na CSS4, no nie?

xurpha

…ale aj bordelu, ktory by vnikol…
Ak to totiz pouzijem tak ako to chcel autor (link zo spravicky), je to super ale predstavte si, ze mate dlhodizny .css subor a hladajte co kde mate vnorene ;-)

Je zajímavé, že běžných programovacích jazycích to takto je odjakživa a žádný bordel v tom není…

Martin Michálek

Jasně, že by se hodilo. Poslední dobou rád používám něco jako


#pageid { 
 blah: blah;
}
    #pageid #content {
      blah: blah;
    }
    #pageid #nav {
      yada: yada;
    }

tedy „simuluju vnořování“ pomocí odsazení a zopakovaní rodičovského prvku. Přehlednosti určitě vnořování pomůže.

Osobně bych tomu dal ale prioritu č. 56 :-)

Peter Kahoun

1. Jsem pro. Pokud se člověk rozhodne používat tuto metodu, zavazuje se jaksi k pořádkumilovnosti a strukturovanosti. Mohlo by to podle mě vést k lépe čitelným zdrojákům, pokud čtenář není autor. Vyhledání potřebné definice by mohlo být snažší (umístění předvídatelnější) (zvláště pokud by vývojové prostředí podalo pomocnou ruku například generování stromu odkazů).

2. [jak si to tak představuji…] Přílišná hloubka větvení by komplikovala případné změny ve struktuře. Přemýšlet do jaké úrovně přesunout tuto definici…? Tady se dobrý sluha stává zlým pánem. Z nějakého důvodu se mi nejvíc líbí představa jen velmi omezeného vnořování. Opakování rodičovského prvku nepovažuji za významnou práci*, zjednodušení kódu mi nepřijde tak podstatné, jak ho asi vidí Eric Meyer.

* – opakování rodičovského prvku mi přijde nejbolestnější, pokud na sadu dětinských :-) prvků aplikuji stejné definice. Což podle mě mnohem intuitivněji (a bez matoucího vnořování) může řešit syntaxe typu #father [h2|h3|h4] {font-weight:fat}

3. Riziko chyb. Člověk omylem zavře dvě závorky místo jedné, a už je oheň na střeše. Nevím, jak by se nejlépe odhalovaly takovéto chyby.

Singular

No posla mna je to dobra vec, ktora by sa mohla vyuzit v DHTML editoroch CMS systemov, pretoze teraz sa musi specialne napr pre tinyMCE robit specialny css subor zapustreny v niecom ako .mce…

Takto by bol jeden subor pre konretny box a vnoreny na stranke a vnoreny v dhtml editore, takze zmena jedneho = zmena na oboch miestach

WebSocket: Jak dostat webovou aplikaci do reálného času

Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.