1

当针对不同的 DIV 时，我想更改一个 DIV 的属性。

这是我的CSS：

#boards-list:target{
    background-color: black;
}
#boards-list:target  div#schools-list{
    background-color: blue;
}

这是我的 HTML：

<body>

<div id="schools-sub-nav">

<a href="#schools-list">Schools List</a> <a href="#boards-list">Boards List</a>

</div>

<div id="schools-container">

    <div id="schools-list">
    One
    </div>

    <div id="boards-list">
    Two
    </div>

</div>

我唯一的想法是我在使用目标伪类的语法中犯了一个错误。

4

2 回答 2

2

现在，您想要学校列表为蓝色而董事会列表为黑色吗？如果是这样，只需boards-list从第二条语句中删除选择器？所以你应该有：

#boards-list:target
{
    background-color: black;
}

#schools-list:target
{
     background-color: blue;
}​

演示：http: //jsfiddle.net/3dbTq/1

于 2012-05-03T18:34:29.047 回答
0

你的最后一条规则：

#boards-list:target  div#schools-list       {
                                        background-color: blue;
                                        }

不会工作，因为boards-list他们schools-list是兄弟姐妹，他们不是父母/孩子。

将其更改为：

#schools-list:target       {
                                            background-color: blue;
                                            }
于 2012-05-03T18:34:35.493 回答