[CSS]否定疑似クラス「:not()」の便利な使い方と使う時の注意点

例えばリストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんなスタイルシートも「:not」を使うと簡単に指定することができます。 否定疑似クラス「:not」の便利な使い方と使う時の注意点（特に優先順位）を紹介します。 On :not and Specificity 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「:not」の便利な使い方 CSSセレクタの優先順位 101 「:not」を含む優先順位 「:not」を使う時の注意点 まずは、「:not」の各ブラウザのサポート状況。 2016年現在、どの環境でも特に問題なく、利用できると思います。 :not などセレクタの各ブラウザのサポート状況 「:not」の便利な使い方 否定疑似クラス「:not」は使い

[bleu-bleut]

未

[oppara]

否定疑似クラス「:not」の便利な使い方と使う時の注意点 | コリス B!

[klim0824]

"idセレクタと一緒に使わない（例: :not(#bar)" "一般的なtypeセレクタとは限定的に（例: div:not(.foo))" "必要があれば、優先されるように「:not」のスタイルは記述の順番で前に定義する。"

[hama_shun]

[:not]

[tuffgong57]

[:not]

[ko-ya-ma]

問題が起こるまで気付きにくい優先順位問題について

[stolpnik]

[:not]

[urarai]

便利そう。あとで読む

[yoshi-nkyma]

“CSSセレクタの優先順位を把握することはなかなか複雑ですが、簡単な例から見ていきます。 ”

[designstalker]

優先度のお話