如何将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

使用后代选择器:

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