從其他div應用的樣式

Question

我在不同的頁面上有不同名稱的div。在懸停時將背景顏色應用於textarea，並將焦點應用於div id="contact"。

<style> 
    #contact input:hover,textarea:hover { background-color:#CFF; } 
    #contact input:focus,textarea:focus { background-color:#CCF; } 
</style> 

<div id="contact"> 
    <li> 
     <label for="message">Message</label> 
     <textarea class="required" name="message"></textarea> 
    </li> 
</div> 

在不同頁面上的不同命名的div textarea裏顯示懸停背景和重點，儘管我不希望它。

<div id="wants"> 
    <li> 
     <label>Additional information - the more you tell us, the better we can help.</label> 
     <textarea name="addlinfo" cols="" rows=""></textarea> 
    </li> 
</div> 

Dreamweaver的代碼導航器顯示爲「聯繫人」創建的樣式適用於「想要」。我無法弄清楚爲什麼。 textarea是影響「想要」的唯一元素。頁面上有輸入，不受影響。有人請給這個菜鳥解釋一下嗎？

Answer 1

你需要

#contact input:hover, #contact textarea:hover {} 
#contact input:focus, #contact textarea:focus {} 

，代替目前的選擇。

Jsfiddle example

您當前的風格選擇任何 textarea的，不論其父母。