2017-08-09 11 views
0

ここではデフォルトのコードです仕事はありません。どこで私は間違いをしますか?任意の数の

答えて

3

あなたの問題はここにある:

aside#[id^="nav_menu"]

#

CSSが

div.sidebar.fl aside[id^="nav_menu"].widget.widget_nav_menu { } 
1

あり小さなミスがあると、私はそれを修正しなければならないことを削除します。

div.sidebar.fl aside#nav_menu-2.widget.widget_nav_menu { 
 
    color : green; 
 
} 
 

 
div.sidebar.fl aside[id^="nav_menu"].widget.widget_nav_menu { 
 
    color : Blue; 
 
}
<div class="sidebar fl"> 
 
    <aside id="nav_menu-1" class="widget widget_nav_menu"> 
 
    Nav Menu1 
 
    </aside> 
 
    <aside id="nav_menu-2" class="widget widget_nav_menu"> 
 
    Nav Menu2 
 
    </aside> 
 
    <aside id="nav_menu-3" class="widget widget_nav_menu"> 
 
    Nav Menu3 
 
    </aside> 
 
    <aside id="nav_menu-3" class="widget widget_nav_menu"> 
 
    Nav Menu4 
 
    </aside> 
 
</div>

Oopsy!