从其他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的，不论其父母。