如何将css应用于特定div中的链接？

Question

这是我的情况。我的网站上有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样式应用于1个按钮而不影响其他2个按钮Css或Jquery？请注意，我无法更改按钮的类和ID。

Answer 1

使用descendant selector：

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