html - 悬停多个 ID/类

Question

我有以下有效的 HTML:

<div class="preview">
        <div class="image">
            <img src="SomeFile/SomeImage.gif">
        </div>
        <h2>Some heading</h2>
        <p>Some text</p>
    </div>

以及以下 CSS(有效):

.preview:hover > h2 {display: none;}
.preview:hover > p {display: block;}

如果我添加一个新的 <div id="newID">围绕 HTML，如何更新 CSS 以使用新的 ID 包装器？

此外，如何在 CSS 中使用多个 ID 以避免为每个 ID 重写？

谢谢

Answer 1

如果您只需要将样式应用于新包装器的子元素，那么您可以像这样添加 ID 选择器:

#newID .preview:hover > h2 {display: none;}

否则你不需要改变任何东西。