在CSS任意數量的

Question

這裏的默認代碼：

div.sidebar.fl aside#nav_menu-2.widget.widget_nav_menu { } 

我嘗試用任何數量的nav_menu- *

的風格是我用的是這樣的：

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

一點也沒有沒有工作。我在哪裏犯了一個錯誤？

Answer 1

你的問題就在這裏：

aside#[id^="nav_menu"]

刪除#

CSS的應該是

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

Answer 2

有一個小錯誤，我固定它。

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！