「◯◯でない場合」にスタイルを適用する「:not」セレクタ

Yukimi Sato 175views 更新:2014年4月25日
a:not(.test){
color:green;
}
<p><a href="#">通常リンク</a></p>
<p><a href="#" class="test">「.green」が設定されているリンク</a></p>

この場合、「a.test」でない場合に「coloe:green;」を適用する、となっているので、
一行目のリンクにスタイルが適用されます。
使いどころが難しいですが、スタイルの上書きを避けられ、よりシンプルになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません