css - 将 CSS 应用于封闭的 div，但不应用于封闭的 div

Question

我有三个 HTML 元素 A、B、C 作为 divs，还有一个名为 wrap 的 englobing div:

<div id="wrap" class="wrapping">
   <div id="A" class="...">...</div>
   <div id="B" class="...">...</div>
   <div id="C" class="...">...</div>
</div>

A、B 和 C 已正确水平对齐。我想在它们周围放置一个边框，但是，当我在 .wrapping 中定义它时，每个元素 A、B、C 除了包含所有元素的全局边框外，还有自己的边框。

我只想要全局边框，换句话说，我不希望内部 A、B、C 项在 .wrapping 中定义自己的边框。我应该如何进行？

Answer 1

使用包装的 id 来定位它。

#wrap { border: 1px solid red; }