如何仅将CSS应用于特定div内的链接?

3

这是我的情况。我在网站上有三个div。每个div中都有一个按钮。以下是我的代码:

<div id="gg1">
  <a class="btn">
</div>
<div id="gg2">
  <a class="btn">
</div>
<div id="gg3">
  <a class="btn">
</div>

请问如何仅将CSS样式应用于一个按钮,而不影响其他两个按钮?可以使用CSS或jQuery实现。请注意,不能更改按钮的类和ID。

1个回答

15

使用后代选择器:

#gg1 a.btn {
    /* styles here affect only a.btn elements within #gg1 */
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接