2016-11-11 13 views
1

タグにクラス「no-color」を付けたいと思います。 jacascriptが有効になっている場合にのみ、クラスno-colorが削除され、テキストがカラー化されます。私の現在のCSSは動作していません。ここではサンプルコードです。これは単なるサンプルコードなので、pタグにクラスを追加するソリューションは必要ありません。 js fiddleCSS:セレクタでは効果がありません

SASS

:not(.no-color) { 
p { 

color: red; 

} 
} 

HTML

<div class="no-color"> 
    <p>hello world</p> 
</div> 
+0

あなたのフィドルでコンパイルされていないSASSを使用しているため、それが機能しません。あなたはそれをコンパイルしようとしましたか? – Terry

答えて

3

はちょうどあなたのセレクタdiv:not(.no-color) p

でしょう DEMO

div:not(.no-color) { 
    p { 
    color: red; 
} 
} 

または純粋CSS内にdivを追加します:not

div:not(.no-color) { 
     p { 
     color: red; 
     } 
    } 

div:not(.no-color) p { 
 
    color: red; 
 
}
<div class="no-color"> 
 
    <p>hello world</p> 
 
</div> 
 
<div> 
 
    <p>hello world</p> 
 
</div>

+0

うわー、ありがとうsooo多く!!!! – user2952265

+0

ようこそ。 –

1

あなたはこのようにdiv要素を追加する必要があります

div:not(.no-color) { 
    p { 

    color: red; 

    } 
} 

あなたのコードは測定値を見つけることができません

関連する問題