基於父div的CSS

Question

不確定我的標題是否會傳達我的整體問題，但這裏有。

我有HTML與此類似：

<div id="nav"> 
    <ul id="menu"> 
     <li><a href="#">Menu Item</a></li> 
     <li><a href="#">Another Menu Item</a></li> 
    </ul> 
</div> 

一些CSS的：

#menu { 
    font-family: Arial; 
    font-size: 12px; 
} 
#menu > li > a { 
    color: #fff; 
} 
#menu > li:hover > a { 
    color: #fff; 
    text-decoration: underline; 
} 

在我的主頁，我必須設置爲顏色鏈接：白色; 我想添加class =「productmenu」到父div只在幾個產品頁面上，並讓我的CSS將菜單字體顏色更改爲黑色。

<div id="nav" class="productmenu"> 

我該如何去做這件事？

謝謝！

Answer 1

再添加一個CSS規則：

.productmenu #menu > li > a { 
    color: #000; 
} 

Answer 2

您可以簡單地將id選擇#和類選擇.這樣的：

#nav.productmenu #menu > li > a { 
    color: #000000; 
}