Webboard

Pełna wersja: Pseudo klasy [CSS3]
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

LikeLoveHate

Cześć! To znowu ja! :D
Pytanie tym razem dotyczy CSSa w wersji 3. Ostatnio chciałem się pobawić pseudoklasami i nie byłoby w tym nic dziwnego, gdyby nie to, że nie wszystkie działają.

** Uwaga! Sprawdzałem tylko na Google Chrome. **

Takie coś zadziała:
Kod:
h2::first-letter{
text-transform: uppercase;
color: pink;
}

Natomiast to np. powinno działać, a nie działa:
Kod:
h2::first-word{
text-transform: uppercase;
color: pink;
}

Przeszukałem Google i doszedłem do poradnika, gdzie są wymienione rzeczy, które mogę kolidować z działaniem tego, ale niestety wyłączenie rozszerzeń czy też aktualizacja m.in. javy nie pomogło :(

Ktoś spotkał się z podobnym problemem?

LikeLoveHate

Hmm... Zasugerowałem się tym poradnikiem/artykułem, gdzie teoretycznie (bo wynik tego działania jest obrazkiem) działa właśnie to ::first-word :/

https://css-tricks.com/a-call-for-nth-everything/
Ten artykuł to tylko prezentacja/pokaz/koncepcja szerszego wykorzystania ::nth, która mogłaby być wprowadzona w standard HTMl, ale nie jest.

LikeLoveHate

To dlaczego niektóre działają, a niektóre nie? Pierwszy raz się z takim czymś spotykam.
Pierwsze przykłady na samej górze artykułu są w standardzie HTML. Trzeba czytać uważnie
Cytat:That's a great start, but it really would be useful if we could extend the whole ":nth" concept to these typographic selectors. Let me convince you.

LikeLoveHate

OK, faktycznie przeoczyłem to. Także temat do zamknięcia ;)

PS. Wiem, nie zamykamy tematów :D