从其他div应用的样式

Question

我在两个不同的页面上有不同名称的div。我在悬停时将{background 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，无论其父母是谁。