Javascript 如何仅将css应用于特定div中的链接?

Javascript 如何仅将css应用于特定div中的链接?,javascript,jquery,css,Javascript,Jquery,Css,这是我的情况。我的网站上有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个按钮cs

这是我的情况。我的网站上有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。

请使用:


完美的非常感谢:)
#gg1 a.btn {
    /* styles here affect only a.btn elements within #gg1 */
}