Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Dwa wyrazy w innym kolorze
Joshio
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


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 ...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Możesz to zrobić za pomocą jQuery.
Go to the top of the page
+Quote Post
Joshio
post
Post #3





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


Cytat(b4rt3kk @ 11.06.2013, 16:01:28 ) *
Możesz to zrobić za pomocą jQuery.


W jaki sposób to zrobić?
Go to the top of the page
+Quote Post
fate
post
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


moze:
  1. tr:nth-child(even) {color: green}
  2. tr:nth-child(odd) {color: red}


http://www.w3.org/Style/Examples/007/evenodd
Go to the top of the page
+Quote Post
Joshio
post
Post #5





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


Cytat(fate @ 11.06.2013, 17:27:32 ) *
moze:
  1. tr:nth-child(even) {color: green}
  2. tr:nth-child(odd) {color: red}


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
  1. <?php bloginfo( 'description' ); ?>
z WP więc nie da razy aby było tam <th><th><th>...
Go to the top of the page
+Quote Post
Damonsson
post
Post #6





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


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

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

Ten post edytował Damonsson 13.06.2013, 09:19:19
Go to the top of the page
+Quote Post
Joshio
post
Post #7





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


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!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 17:07