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

Question

我有一个名为home的CSS部门，它有一些属性，可以悬停在家庭部门内的锚标签，如下所示：

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

现在，我想要做的是访问上面定义的块中的'home'id的属性，以便每当有人在主分区内的锚标签上盘旋时我改变归属分区的属性。我知道在JavaScript中这很容易实现，但这只能使用CSS。

谢谢， niting

Answer 1

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

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

如果是，那么：不。不是没有JavaScript，甚至没有CSS3。您无法编辑其他规则的属性。

递归也是不可能的，因为你总是设置规则中最后选择的样式，因此键入#home a:hover样式锚定如果悬停，#home .class样式任何具有class="class"和是#home的后裔。

换句话说，CSS-selectors的递归是不可能的（或者我不知道它...）

Answer 2

你可以尝试在#home本身上设置悬停，但这在IE（6）中不起作用。不幸的是，您无法根据子类的伪类设置父级样式。 Javascript非常适合这个。

Answer 3

如果您的<A>中只有一个<DIV>，那么您可以将<A>设置为与周围<DIV>相同的尺寸，并给出{{1}所需的背景。