Devel.cz Lupa Měšec Podnikatel Root Zdroják.cz DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

Názory k článku
Webdesignérův průvodce po CSS3: selektory

Peter Kahoun aura:100
12. 10. 2010 1:27 Nový

Srozumitelnost

celé vlákno

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!

JakubS
JakubS (neregistrovaný) ---.kmenet.cz
12. 10. 2010 8:49 Nový

Re: Srozumitelnost

celé vlákno

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é.

Martin Malý aura:93
12. 10. 2010 8:51 Nový

Re: Srozumitelnost

celé vlákno

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

Marvin
Marvin (neregistrovaný) 195.113.184.---
12. 10. 2010 13:20 Nový

Re: Srozumitelnost

celé vlákno

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

besh
besh (neregistrovaný) ---.net.upcbroadband.cz
12. 10. 2010 14:41 Nový

Re: Srozumitelnost

celé vlákno

Dobry prehled podpory je na sitepoint.com, viz treba http://reference.sitepoint.com/css/pseudoclass-nthchild#compatibilitysection

Peter Kahoun aura:100
12. 10. 2010 1:51 Nový

Další korekturka

celé vlákno

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

(?!)

Martin Malý aura:93
12. 10. 2010 8:04 Nový

Re: Další korekturka

celé vlákno

Díky, opraveno a přeformulováno.

Enumag
Enumag (neregistrovaný) 89.176.108.---
12. 10. 2010 7:52 Nový

Nedostatky v článku

celé vlákno

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

Martin Malý aura:93
12. 10. 2010 8:08 Nový

Re: Nedostatky v článku

celé vlákno

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.

viktor
viktor (neregistrovaný) ---.dynamic.chello.sk
12. 10. 2010 8:21 Nový

selektory mam rad

celé vlákno

a rad ich aj v praxi pouzivam :)

rooobertek aura:87
12. 10. 2010 15:08 Nový

Re: selektory mam rad

celé vlákno

Aj ja. Ale potom pozriem do IE a musím to aj tak ohackovať.

juraj
juraj (neregistrovaný) 94.136.139.---
12. 10. 2010 18:58 Nový

chyby

celé vlákno

> "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.

Zasílat nově přidané příspěvky e-mailem