ハック 2014.04.25 351 CSS「◯◯でない場合」にスタイルを適用する「:not」セレクタ ツイート シェア はてな a:not(.test){ color:green; }<p><a href="#">通常リンク</a></p> <p><a href="#" class="test">「.green」が設定されているリンク</a></p>この場合、「a.test」でない場合に「coloe:green;」を適用する、となっているので、一行目のリンクにスタイルが適用されます。使いどころが難しいですが、スタイルの上書きを避けられ、よりシンプルになります。つくってみた!社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。Amazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた関連記事 最後からN番目にスタイルを指定するCSSセレクタ「:nth-last-of-type(N)」 最後の要素にだけスタイルを設定できる「:last-child」セレクタ CSS:隣接セレクタ、直下セレクタを使いこなそう 最初の要素にだけスタイルを設定できる「:first-child」セレクタ CSSで特定のattributeが付与されているものに対してスタイルを指定する方法 aタグの「target=”_blank”」だけCSSを指定する