如何将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样式只有在没有其他2个按钮CSS或jQuery的效果应用到1个按钮？请注意，我无法更改按钮的类和ID。

Answer 1

使用descendant selector：

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