は、CSSのブロックではCSSの構文

Question

のより明確化が必要：

.navbar-custom .nav li a:hover{ 
    outline:none; 
    background-color: rgba(255,255,255,0.2); 
} 

は、この平均ん：

は「ホバー効果がnavbar-customのサブクラスnavリスト要素にaタグに適用されます？」

いいえの場合は、明記してください。

Answer 1

ため

。セレクタ間のスペースは、一致する親セレクタの子孫にスタイルが適用されることを意味します。したがって.navbar-custom .nav li a:hoverの場合、クラスの子孫であるリスト項目の子孫であるアンカー要素は、navbar-customクラスの要素の子孫で、その特定のスタイルがホバーに適用されます。

あなたはブラケットの代わりにスペースを使用した場合（すなわち.navbar-custom > .nav > li > a:hover、スタイルだけではなく、任意の子孫よりも、直接の子孫各セレクタのに適用されます。

Answer 2

.navbar-custom .nav li a ...エレメントセレクタですか？このセレクタは、順番にリストされた他の要素内のアンカータグにスタイルを適用しています。はい、あなたはそれを正しく解釈している例

<div class="navbar-custom"> 
    <ul class="nav"> 
    <li> 
     <a href="">link somewhere</a> 
    </li> 
    <li> 
     <a href="">link somewhere</a> 
    </li> 
    <li> 
     <a href="">link somewhere</a> 
    </li> 
    </ul> 
</div>