如何在a：parent的父容器上应用样式？

Question

当访问链接时，我需要以不同方式设置我的div（它是链接的父容器）的样式。我可以使用纯CSS做到这一点，还是需要求助于JS？

Answer 1

使用纯CSS无法做到这一点，即使在最新的CSS3规范中也是如此。你可以用JS做到这一点。使用简单的JS，这是非常不愉快的事情。如果你使用let说的jQuery，那么你可以这样做：

$('a:visited').parent('div').css('color: #fff;');

Answer 2

不，你不能在CSS中做这样的反向引用。您需要使用JavaScript选择它们。

或者，HTML5允许您放置＆lt; a＆gt;元素围绕块元素，因此您可以将其内部转出：

a:visited .parent_container { background: pink; }

Answer 3

仅使用 CSS 是不可能的。 您必须实施:visited逻辑。

然后使用JS，当用户点击链接时，将一个类（ ie visited）添加到其父div。