css - 从一个部门访问其他 CSS 部门

Question

我有一个名为 home 的 CSS 部分，它具有某些属性，其中包含 home 部分内 anchor 标记的悬停操作，如下所示:

#home a:hover
{
  background-image:url(images/template_03_1.png);
  position:relative;
  top:3.5em;
  left:0.5em;
}

现在，我想要做的是访问上面定义的 block 内的“home”id 属性，这样每当有人将鼠标悬停在 home 分区内的 anchor 标记上时，我就会更改 home 分区的属性。我知道这在 JavaScript 中很容易实现，但仅使用 CSS 是否可行。

谢谢，晚安

Answer 1

如果我假设您需要以下内容，我是否正确？

#home a:hover
{
 #home.background-color: #fff;
}

如果是这样，那么:不。没有 JavaScript，甚至没有 CSS3。您不能编辑其他规则的属性。

递归也是不可能的，因为您总是为规则中最后选择的内容设置样式，因此键入 #home a:hover 设置 anchor 悬停时的样式，#home .class 为任何具有 class="class" 并且是 #home 的后代设置样式。

换句话说，使用 CSS 选择器递归是不可能的(或者我不知道...)