postcss css-next和自定义选择器的预期行为

x33g5p2x  于 2023-01-18  发布在  其他
关注(0)|答案(1)|浏览(121)

在下面的代码中,我希望 Package 器内的标题是蓝色的,但它仍然是红色的,我希望@custom-selector能像常规的css custom-property一样工作。
超文本标记语言

<div class="wrapper">
  <h1 id="title">Title</h1>
</div>

CSS

@use postcss-cssnext;
@custom-selector :--heading h1, h2, h3; 
 

:--heading{
  color: red;
}

a:active{
     color:hotpink;
}

.wrapper{
  :--heading{
    color: blue;
  }
}
s5a0g9ez

s5a0g9ez1#

我意识到筑巢是不被支持的

.wrapper :--heading{
 color: blue;

管用!废话

相关问题