CSSには、「before」や「after」などの疑似要素があります。これにより、要素の前後に仮想要素が作成されます。
コンテナ疑似要素？
「コンテナ」疑似要素はありますか？
問題例1：
要素の周囲に15個の境界線を作成する必要があります（この特定の例は、ボックスシャドウを使用して実行できることを知っています）。
問題例2：
15色の透明な背景色を重ねて作成する必要があります。
不要なマークアップがたくさん
含まれているdivを追加することでそれが可能であることは知っていますが、それは多くの不要なマークアップを作成します。
古いCSS3の生成および置換されたコンテンツモジュールには、あなたが説明したものに近いように見える疑似要素の提案::outsideがありましたが、実装はなく、モジュール自体はいつか書き直される予定です...。
言い換えれば、現在、CSSだけを使用してこれを達成する方法はなく、おそらくしばらくの間はありません。
もちろん、JavaScriptを使用してラッピング要素をエミュレートしてDOMを操作する方法はありますが、追加のマークアップでハードコーディングする以外に、これを実現できる唯一の方法です。::outside伝説の疑似要素に関するいくつかの簡単なjQueryメソッドをここで説明します。