首页 > 解决方案 > 如何在 sass 中使用 :has

问题描述

如果 body 有一些带有 .rtl 类的元素,我需要添加一些样式。怎么可能做到呢?

body:has(.app.rtl) {
   .blah {
       some: blah;
   }
}

这是我需要的东西

标签: csssass

解决方案


使用 CSS 无法完成您想要的操作,因为 CSS 没有父选择器,目前也没有:has选择器。

SASS 也无法帮助您,因为 SASS 可以为您做的只是让创作 CSS 变得更容易——最终,任何预处理器都会将您的代码编译为 CSS,这是浏览器唯一能理解的。

您在这里唯一的机会是 Javascript。


推荐阅读