Style A的第一个实例
仅元素，没有从第二个实例中物理删除样式（并且不添加类或ID）
]
我有一个描述列表<dl>元素，我已经设置了其内部<dt>元素的样式。说明列表位于主.content-wrapper分区内。
[我希望将第一个<dt>元素的CSS样式不应用于具有<article>和关联的<dl>元素的<dt>元素内部的样式。
使用CSS（并且不添加任何类或ID），有一种方法可以将CSS仅应用于标记的外部内容包装器部分中的<dt>元素，而无需从第二个<dt>元素中物理删除样式？
我尝试过使用:not和>后代选择器，但似乎无法正常工作？
CSS选择器将类似于dt:not(article > dt)
Codepen：https://codepen.io/emilychews/pen/pojYVZP
.content-wrapper dt { display: inline-block; padding: 0.2rem 0.4rem; background: red; color: #fff; }
<div class="content-wrapper"> <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem quis consequatur veritatis maxime iste architecto rerum, illo ex perspiciatis obcaecati! Minus ea architecto odit dicta alias eveniet reiciendis. Modi, sunt!</p> <dl> <dt>Just Style This</dt> <!-- ONLY ADD THE STYLING TO THIS <dt> ELEMENT --> <dd>Information</dd> <dd>Information</dd> </dl> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas provident neque soluta accusamus repellendus explicabo recusandae, nemo quis, fugiat dolorum rem est ipsam molestias velit vitae numquam iusto sapiente. Placeat!</p> <article> <dl> <dt>Do Not Style This</dt> <!-- DON'T ADD THE STYLING TO THIS ELEMENT --> <dd>Information inner</dd> <dd>Information inner</dd> </dl> </article> </div>
我有一个描述列表
元素，其内部
元素我已设置样式。描述列表位于主.content-wrapper div中。我想要第一个＆...