SASS - 使用条件来根据另一个元素数据属性的值更改css

Question

我知道SASS允许条件，我想知道我是否可以利用它来执行以下DOM操作，而不是在JQuery / JS中编写它。

问题

在我的HTML中，有一个属性为data-tab-current的元素。 此属性值正在动态更改IE：

data-tab-current = "1"

data-tab-current = "2"

data-tab-current = "3"

data-tab-current = "4"

data-tab-current = "5"

当值为4时，我想更改另一个元素的CSS。此元素不是data-tab-current = "4"的孩子，兄弟或后代。

我想做的事情的逻辑如下：

if(dataTabCurrent == 4){

    $("my-other-elment).css("display","none")
}

Answer 1

如果你的目标元素不是具有data-tab-current属性的元素的后代 - 那么就没有办法在CSS中实现，因为这样的解决方案基本上要求父引用选择器在CSS中并且存在（目前？）没有这样的选择器可用。有关详细信息，请参阅SO上的this回答。

Sass只是一个预处理器，它不能为CSS本身添加任何东西，它只是一种更有效地开发CSS代码的方法。