Zmena vlastnosti css pre každý štvrtý element li

12. 7. 2012 16:17:24

Ahojte, prosím poradíte mi ako by som v jQuery spravil zmenu vlastnosti css napríklad background:red; pre zoznam li s ul id="test" ?

Ďakujem.

12. 7. 2012 16:17:24

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784310

Pavel Janků

(93 hodnocení)

12. 7. 2012 16:21:29

Musí to být v jQuery? Já bych tohle řešil pomocí PHP... Načítej si seznam a pro každou 4 podmínku přidej class="4" a tu ostyluj ;).

12. 7. 2012 16:21:29

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784309

Vit Hellebrand

(3 hodnocení)

12. 7. 2012 16:34:32

http://jquery.jslab.net/zkousecka/#b86

12. 7. 2012 16:34:32

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784308

Martin Schlemmer

(36 hodnocení)

12. 7. 2012 17:47:06

Pokud nepotřebujete podporu pro IE8, použijte přímo CSS

http://reference.sitepoint.com/css/pseudoclass-nthchild

Jinak jak píše Vít Hellebrand nebo Treaty (akorát název třídy "4" je nechutnost).

12. 7. 2012 17:47:06

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784307

Smazaný účet m5u2DKRief

(48 hodnocení)

12. 7. 2012 18:28:31

Ani ne tak nechutnost jako nefunkční věc :) Třída a selektor musí vždy začínat písmenem.

12. 7. 2012 18:28:31

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784306

Jan Stejskal

(7 hodnocení)

12. 7. 2012 18:43:29

Napsal Martin Schlemmer;818237
Pokud nepotřebujete podporu pro IE8, použijte přímo CSS
#test li:nth-child(4n) { background: red }
http://reference.sitepoint.com/css/pseudoclass-nthchild
Jinak jak píše Vít Hellebrand nebo Treaty (akorát název třídy "4" je nechutnost).

CSS child selector nefunguje v IE 8 a nižších, ale také v Opeře a mobilních prohlížečích jako je Opera mini atd. Lepší je použít jquery.

12. 7. 2012 18:43:29

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784305

Martin Schlemmer

(36 hodnocení)

12. 7. 2012 18:53:50

Opera byla jeden z prvních prohlížečů s podporou nth-child a Opera Mini jim rozumí údajně od verze 5.0, tedy od roku 2009.

12. 7. 2012 18:53:50

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784304

Jan Stejskal

(7 hodnocení)

13. 7. 2012 01:39:16

Napsal Martin Schlemmer;818283
Opera byla jeden z prvních prohlížečů s podporou nth-child a Opera Mini jim rozumí údajně od verze 5.0, tedy od roku 2009.

A není jednodušší si to vyzkoušet? Podpora není totéž co plná a funkční implementace.

Opera has a bug in these two declarations. It turns out that when you add a last-child declaration to the page with an actual style in it, this bug disappears. The last-child does not have to be defined on the same element(s); it just has to be present in the page. It also has to contain at least one style rule. http://www.quirksmode.org/css/nthchild.html

13. 7. 2012 01:39:16

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784303

Smazaný účet m5u2DKRief

(48 hodnocení)

13. 7. 2012 01:47:47

Je to celkem jedno. Operu nikdo nepoužívá.

13. 7. 2012 01:47:47

https://webtrh.cz/diskuse/zmena-vlastnosti-css-pre-kazdy-stvrty-element-li#reply784302

Martin Schlemmer

(36 hodnocení)

13. 7. 2012 01:53:14

O té chybě jsem četl, ale je natolik obskurní, a navíc i přímo quirksmode uvádí jednoduchý postup jak ji odstranit, že ji nepovažuju za relevantní.