Forum PHP.pl > [CSS] Dwa wyrazy w innym kolorze

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Dwa wyrazy w innym kolorze

Joshio

11.06.2013, 14:48:43

W jaki sposób w css zrobić aby pierwszy wyraz był w kolorze czerwonym a drugi w zielonym?
Wiem że jest możliwość stworzenia co drugiego wyrazu poprzez li jednak w moim przypadku to nie zadziała ponieważ u mnie jest to h2 które później będzie dynamicznie wstawianie w cms.
Da się to zrobić poprzez pseudoklasę? Wiem że first-letter działa na pierwsza literę, a mi jest potrzebne coś w stylu first-word ...

b4rt3kk

11.06.2013, 15:01:28

Możesz to zrobić za pomocą jQuery.

Joshio

11.06.2013, 15:20:03

Cytat(b4rt3kk @ 11.06.2013, 16:01:28 )

Możesz to zrobić za pomocą jQuery.

W jaki sposób to zrobić?

fate

11.06.2013, 16:27:32

moze:

[HTML] pobierz, plaintext 
tr:nth-child(even) {color: green}
tr:nth-child(odd) {color: red}
[HTML] pobierz, plaintext

http://www.w3.org/Style/Examples/007/evenodd

Joshio

12.06.2013, 22:45:37

Cytat(fate @ 11.06.2013, 17:27:32 )

moze:

[HTML] pobierz, plaintext 
tr:nth-child(even) {color: green}
tr:nth-child(odd) {color: red}
[HTML] pobierz, plaintext

http://www.w3.org/Style/Examples/007/evenodd

Niestety ale ten sposób też nie zadziała...
W tą zmianę napisów będzie wstawiony kod

[PHP] pobierz, plaintext 
<?php bloginfo( 'description' ); ?>
[PHP] pobierz, plaintext

z WP więc nie da razy aby było tam <th><th><th>...

Damonsson

13.06.2013, 09:18:22

Nie ma pseudoklasy :nth-of-word, ale można to zrobić z pomocą JS

np tak: http://jsfiddle.net/buNYU/13/

Joshio

13.06.2013, 12:42:41

Cytat(Damonsson @ 13.06.2013, 10:18:22 )

Nie ma pseudoklasy :nth-of-word, ale można to zrobić z pomocą JS

np tak: http://jsfiddle.net/buNYU/13/

Super rozwiązanie. Dzięki za pomoc!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.