2017-12-26 9 views
0

SASSが条件付きで使用できることがわかっていて、JQuery/JSで記述するのではなく、次のDOM操作を行うことができるかどうかを知りたい。SASS - 別の要素のデータ属性の値に基づいてCSSを変更するために条件付きを使用する

問題私の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"です。私がやりたいことのためのロジックは次のようになります

:あなたのターゲット要素がdata-tab-current属性を使用して要素の子孫ではない場合

if(dataTabCurrent == 4){ 

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

答えて

0

- そのようなので、CSSでで実装する方法はありません解決策は、基本的に、親参照セレクタがCSSに存在することが必要であり、そのようなセレクタは利用できません(現在はありません)。詳細については、thisの回答をご参照ください。

Sassは単なるプリプロセッサであり、CSS自体に何も追加できません。CSSコードをより効果的に開発する方法です。

関連する問題