CSSのネストされたクラスセレクタが動作しない

Question

これは、私が何もしないクラスではほとんど一定していない問題です。この場合、私はサイドバーと呼ばれるクラス内のボタンと呼ばれるクラスのボタン効果を作りようとしています。

<nav class="sidebar"> 

<div class="button"> 

<a href="C:\Users\x0268255\Documents\cats_page\North_America.html" North 
America> North America </a> 
</div> 

</nav> 

HTMLは、CSSのために、私が使用しているものは問題ではありません。 .buttonまたは任意の組み合わせを使用すると、何も行われません。例：

a { 
    border: 3px outset blue; 
    padding: 30px; 
    font-size: 20px; 
    background-color: hsl(210, 64%, 48%); 
    text-decoration:none; 
    color: white; 
} 

何もしません。また、.buttonまたはdiv.buttonもありません。サイドバーにスタイルを適用すると機能しますが、個々のリンクを個々のボタンにしてクリック可能なリンクのリストにすることを明示します。

Answer 1

aはブロック要素ではないので、パディングと境界線と背景の色が正常に動作しません。それインラインブロックしてください：

a { 
    display:inline-block; 
    border: 3px outset blue; 
    padding: 30px; 
    font-size: 20px; 
    background-color: hsl(210, 64%, 48%); 
    text-decoration:none; 
    color: white; 
} 

はalseあなたがaをスタイリングした後.button aまたはdiv aまたは.sidebar aでaスタイルをoverrdideしていないことを確認してください。