首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用:has in sass

如何使用:has in sass
EN

Stack Overflow用户
提问于 2019-02-21 03:29:56
回答 2查看 11K关注 0票数 2

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

代码语言:javascript
运行
复制
body:has(.app.rtl) {
   .blah {
       some: blah;
   }
}

这是我需要的东西

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-02-21 03:39:02

你想要的东西不能用CSS来完成,因为CSS没有父选择器,目前也没有:has选择器。

SASS也帮不了你,因为SASS能为你做的就是让创作CSS变得更容易--最终,任何预处理器都会将你的代码编译成CSS,这是浏览器唯一能理解的东西。

这里你唯一的机会就是Javascript。

票数 4
EN

Stack Overflow用户

发布于 2019-12-07 19:14:02

如果作为参数传递的任何选择器(相对于给定元素的:作用域)匹配至少一个元素,则:has() CSS伪类表示一个元素。

:has()伪类接受一个选择器列表作为参数。在当前规范中:has没有被标记为活动选择器配置文件的一部分,这意味着它不能在样式表中使用;只能与document.querySelector()这样的函数一起使用。

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54793922

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档