Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Dwa wyrazy w innym kolorze
Joshio
post 11.06.2013, 14:48:43
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
b4rt3kk
post 11.06.2013, 15:01:28
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.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Joshio
post 11.06.2013, 15:20:03
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 11.06.2013, 16:27:32
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 12.06.2013, 22:45:37
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 13.06.2013, 09:18:22
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 13.06.2013, 12:42:41
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:12