Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Pseudo klasy [CSS3]

CSS  Założony przez  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:
h2::first-letter{
text-transform: uppercase;
color: pink;
}

Natomiast to np. powinno działać, a nie działa:
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?
"first-word" nie istnieje ;)
https://developer.mozilla.org/en-US/docs...do-classes
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.
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.
OK, faktycznie przeoczyłem to. Także temat do zamknięcia ;)

PS. Wiem, nie zamykamy tematów :D



Użytkownicy przeglądający ten wątek:

3 gości