Question

我希望能够通过将一个类应用于锚的父div来更改锚的背景颜色，我需要有关选择器语法的帮助。

这是我的HTML，会有很多链接，所以我更喜欢将类应用于div而不是div中的每个锚：

<div id="container">

    <div class="cell">
        <a href="#">should be green</a>
        <a href="#">should be green</a>
        <a href="#">should be green</a>
    </div>

    <div class="cell color2">
        <a href="#">should be red</a>
        <a href="#">should be red</a>
        <a href="#">should be red</a>
    </div>

</div>

这是我的CSS和color2选择器的语法错误，它不会改变color2锚点的背景颜色：

div.color2 a {
    background: #f00; 
}

#container a {
    display:inline-block;
    float: left;
    height:14px;
    background: #0f0;
}

Answer 1

你的第二个选择器的特异性大于你的第一个选择器，因此它的风格会胜出（这是层叠样式表中的“级联”，顺便说一下）。凭借该ID在选择器中，它将胜过任何仅包含元素或类的选择器。试试这个：

#container div.color2 a {
    background: #f00; 
}

参考：http://css-tricks.com/specifics-on-css-specificity/

用于在div类中更改锚背景颜色的CSS选择器语法

1 个答案: