適用：同じクラスを持つすべての要素にスタイリングを配置

Question

dialog-btnのタグを持つすべてのbuttonタグにホバー効果を適用しようとしています。私は.dialog-btn:hover{background-color:gold}を試しましたが、それは動作しません。私はまた、同様の質問に他の提案を試みましたが、まだ運がありません。誰かが私がこれをどうやってできるかを明確にしてもらえますか？

以下の2つの例のどちらも動作しません。

button.dialog-btn:hover { 
 
    background-color: gold; 
 
}

<div class="dialog-btns"> 
 
    <button class="dialog-btn" id="yes">Ref Match</button> 
 
    <button class="dialog-btn" id="about">About</button> 
 
</div>

.dialog-btn:hover { 
 
    background-color: gold; 
 
}

<div class="dialog-btns"> 
 
    <button class="dialog-btn" id="yes">Ref Match</button> 
 
    <button class="dialog-btn" id="about">About</button> 
 
</div>

EDIT 2：

#yes{ 
    background-color:green; 
} 
#about{ 
    background-color:purple; 
} 

上記のコードは、上記.dialog-btn:hoverコードを上書きするように見えます。何故ですか？

Answer 1

あなたのコメントを読んで、あなたがあなたのボタンの上に金色をつけたいと思います。

それが事実である場合、あなたはあなたがいないHTMLとCSSの[MCVE]、ない小さなフラグメントを提供する必要が

.dialog-btns:hover .dialog-btn{ 
background-color: gold; 
}