gpt4 book ai didi

css - 我可以检查父元素在 sass 中有特定的类吗?

转载 作者:行者123 更新时间:2023-12-01 07:33:25 25 4
gpt4 key购买 nike

如果父元素具有特定类,我想有条件地分配值。经验:

HTML

<div class="parent">
<div class="child">Some Text</div>
</div>

CSS
.child {
font-size: 16px;
}

但是如果父元素有一个名为“big”的类

HTML
<div class="parent big">
<div class="child">Some Text</div>
</div>

我想改变值如下

CSS
.child {
font-size: 20px;
}

例如如下:
.child {
font-size: parent.hasClass('big') ? 20px : 16px;
}

我怎么能在SASS中做到这一点?

最佳答案

只需创建两个规则:

.child {font-size: 16px;}
.big .child {font-size: 20px;}

在 SASS 中它会是
.child
font-size: 16px

.big &
font-size: 20px

关于css - 我可以检查父元素在 sass 中有特定的类吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52983769/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com