Применение CSS для включения div, но не для вложенного div

Question

У меня есть три элемента HTML A, B, C в виде divs и захватывающий div, называемый wrap:

<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 также получает свои собственные границы, в дополнение к глобальной границе, охватывающей все элементы.

Iхочу только глобальную границу, или, другими словами, я не хочу, чтобы внутренние элементы A, B, C имели собственную границу, определенную в .wrapping.Как мне поступить?

Answer 1

Используйте идентификатор обёртки, чтобы нацелиться на него.

#wrap { border: 1px solid red; }

Answer 2

Почему бы не использовать селектор #wrap { ... } для стиля, который включает в себя рамку?