是否可以使用CSS为子元素的父元素设置样式?

时间:2019-04-11 11:27:07

标签: css

我有一个可以上课的元素。

此元素有一个父级,由于它是由库生成的,因此无法为其父级提供类。

是否可以使用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; }

但是他们都不起作用。如果您能提出建议,我将不胜感激。

0 个答案:

没有答案