Łączenie Pseudo-selektorów w CSS?

Question

Chodzi mi o to, że jeśli potrzebuję, na przykład, zaznaczony tekst w ukrytym linku powinien być czerwony, czy mogę użyć następującego kodu w stylu CSS?

.abc:hover:selection{color:red} 

i

<a href="123" class="abc">4567890</a> 

Czy ten link po zaznaczeniu części, stają się czerwone kolorowych kiedy unoszą go i to jest poprawna składnia Pseudoklasy takie połączenie?

Answer 1

Jeśli mówisz o pseudo-klasach, to tak, możesz łączyć je w dowolnej kolejności.

Poza tym przypadkiem ::selection nie jest pseudoklasą, jest to pseudoelement, który nie jest częścią CSS1 lub CSS2, ani żadnej aktualnej specyfikacji dla tej sprawy. I tu właśnie brakuje terminu "pseudo-selektor", ponieważ są to dwie zupełnie różne rzeczy.

Poprawna składnia jest pojedynczy dwukropek dla :hover i podwójnym dwukropkiem dla ::selection iw przeciwieństwie do pseudo-klas, pseudo-elementy muszą zawsze przyjść ostatnia:

.abc:hover::selection{color:red} 

I nawet wtedy, ze względu na sposób ::selection prac (lub nie), nie ma gwarancji, że faktycznie działa w przeglądarkach.

Answer 2

Tak, to jest zalecany sposób to zrobić, zobacz W3C o klasach pseudo: http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

EDIT: jak BoltClock podkreślił ten link jeśli dla CSS2, jest to dokument dla CSS3: http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act