Komentáře k článku

Webdesignérův průvodce po CSS3: selektory

Všichni se shodneme, že základem CSS jsou selektory. Jak zacílit konkrétní část HTML bylo vždycky dobrým tématem na dlouhé diskuse s kolegy kodéry. Co je udržitelnější do budoucna? Co je rychlejší? CSS3 přináší do téhle diskuse mnoho novinek, které nám mohou usnadnit práci či umožnit věci, o kterých jsme dříve mohli tak leda snít.

Zpět na článek

12 komentářů k článku Webdesignérův průvodce po CSS3: selektory:

  1. PeterKahoun

    Srozumitelnost

    Jsem sám, komu připadá výraz „IE8-“ dvojznačný? Úpřimně, znamená to „starší než IE8“ anebo „IE8 a starší“? (Jo, už jsem na to přišel, druhé vysvětlení je správně.)

    > CSS2 přinesla :first-child, který vybere prvního potomka daného elementu, CSS3 zavádí :last-child, který vybere posledního potomka. :only-child pak vybere jediného potomka daného elementu.

    To je dost zavádějící. :-)

    > ~ selektor

    Podle to PPK to je IE7 a vyšší.

    Díky!

    1. JakubS

      Re: Srozumitelnost

      Stav implementace v prohlížečích by se hodil do tabulky (dalo by se k tomu vracet) -v této podobě je to nepřehledné.

      1. Martin Malý

        Re: Srozumitelnost

        Myslíte místo textového popisku udělat vždy tabulku? Zvážíme to, díky za připomínku.

        1. Marvin

          Re: Srozumitelnost

          Mozna by byla lepsi souhrna tabulka na konci clanku, ale uvest to u kazde skupiny nebo primo jednotlivych popisu zvlast rozhodne neni k zahozeni.

  2. PeterKahoun

    Další korekturka

    > Například tedy pomocí p:nth-child(4n+1) mohu vybrat každý pátý odstavec na stránce.

    (?!)

  3. Enumag

    Nedostatky v článku

    1) E:checked myslím vybere nejen checkbox ale i radio
    2) E::selection ve firefoxu funguje jako ::-moz-selection, také je dobré uvést, že toto nefunguje (je nutné napsat to nadvakrát):
    ::selection, ::-moz-selection {
    color: black;
    }
    3) E:not(s), co znamená „jednoduchý selektor“?!
    4) E:first-of-type x E:last-of-type x E:only-of-type, chybí podpora v prohlížečích
    5) Magické „n“, p:nth-child(4n+1) rozhodně nevybere každý pátý odstavec už z té podstaty, že u n je čtyřka.
    6) E ~ F v IE7 a 8 sice funguje, ale pokud se v HTML vyskytují komentáře tak selže
    7) Bylo by dobré zmínit oddělení pseudotříd (:) a pseudoprvků (::) v CSS3
    8) Nejsou zméněné namespaces

    1. Martin Malý

      Re: Nedostatky v článku

      Díky za připomínky. Myslím že ad 7 a 8 ještě přijdou, ad 5 viz výše, opraveno, ad 4 doplním, se zbytkem počkám na autora, jestli to necháme takto v komentářích nebo doplníme do textu. Díky.

  4. juraj

    chyby

    > „Z CSS2 již známe E[foo|=“en“], který vybere element E, který má atribut „foo“ s hodnotou „en“.“
    Nie, taký selektor by vyzeral [foo=“en“]. Selektor [foo|=“en“] vyberie aj tie elementy, ktorých hodnota atribútu foo začína na „en-“ (vrátane pomlčky).
    > „u Mozilly musíte použít -moz-::selection.“
    Zápis máte zlý, nie je to -moz-::selection, ale ::-moz-selection.

    Plus viacero spomínaných chýb, napr. chybne uvedená podpora E ~ F.

Napsat komentář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

Zdroj: https://www.zdrojak.cz/?p=3342