用css选择只有一个按钮

Question

如何用css选择只有一个按钮？

<div id="buttons">
    <button class="btn" id="playBtn">play</button>
    <button class="btn" id="pauseBtn">pause</button>                
</div>

我尝试了#playBtn{}，button #playBtn{}，#buttons #playBtn{}，#buttons button #playBtn{}

Answer 1

如果你正在使用id，那么你真的不需要弄乱不同的特性 - 页面上只有一个你可能想要定位的元素。因此#playBtn {}很好