Zasadniczo mam listę treści, które wszystko przechodzi do zewnętrznego adresu URL (otwiera je w nowych oknach). Na razie mam: odwiedzany zestaw na szary, chociaż to, co naprawdę kocham, jest dla całej pozycji listy (która zawiera link kotwiczny, klikają), aby mieć zmniejszoną krycie.

Możesz zobaczyć to zachowanie na Reddit.

Powiedz na przykład

<div class="item">
  <a href="http://google.com">Click me</a>
</div>

A potem masz wiele rzędów .item

Chcę tego, aby po kliknięciu na link cały div może "zobaczyć" stan odwiedzany, a więc .item zostanie ustawiony na opacity: .5;, w przeciwieństwie do tekstu obracającego się szarości.

Czy istnieje sposób, aby zrobić to z JS lub CSS?

0
Tallboy 14 sierpień 2012, 04:45

3 odpowiedzi

Najlepsza odpowiedź

To nie jest dokładnie rozwiązanie twojego problemu technicznego, ale byłoby możliwe, aby zmienić twoją strukturę, aby wykonać <a> osiągnąć potrzeby stylistyczne <div> rodzic?

Innymi słowy, zabij <div> i po prostu użyj <a>. W ten sposób, kiedy jest "odwiedzany", możesz zrobić wszystko, co chcesz.

2
Stephen 14 sierpień 2012, 01:00

Raz Selektory CSS4 są obsługiwane (zakładając, że obecny projekt jest akceptowany w czymś podobnym do jego obecnego formularza) ,

div.item! > a:visited

Wybierze rodzic div za pomocą klasy item odwiedzanej {x2}}.

Do tego czasu CSSParentelector może działać.

0
ephemient 14 sierpień 2012, 01:04