我有一个可以上课的元素。
此元素有一个父级,由于它是由库生成的,因此无法为其父级提供类。
是否可以使用CSS为该元素的父元素设置样式。
代码如下:
<div>
<p>Lorem Ipsum</p>
<p class="another-elem-wraper">Test</p>
<p>Lorem Ipsum <span>Lorem Ipsum</span></p>
</div>
<div>
<p>Lorem Ipsum</p>
<p class="elem-wraper">Test</p>
<p>Lorem Ipsum <span>Lorem Ipsum</span></p>
</div>
...
因此,基本上,我想使用class elem-wraper来设置2div的样式。
这是codepen链接:https://codepen.io/anon/pen/axWwzg
我尝试过
div.elem:has(> p.elem-wraper){border: 1px solid red !important; }
.elem:contains-selector(.elem-wraper) { background: red; }
.elem-wraper:parent { border: 1px solid red !important;}
.elem-wraper::parent { border: 1px solid red !important; }
div.elem < p.elem-wraper{border: 1px solid red !important; }
但是他们都不起作用。如果您能提出建议,我将不胜感激。