1. ホーム
  2. css

[解決済み] CSSにおける「!important」の意味とは?

2022-03-21 14:48:56

質問

とは何ですか? !important はCSSでどういう意味ですか?

CSS 2で利用できますか?CSS 3ですか?

どこでサポートされていますか?すべてのモダンブラウザー?

解決方法は?

つまり、「これは重要であり、後続のルールや通常の特異性の問題は無視し、適用する」ということである。 これ ルール!』です。

通常の使用では、外部スタイルシートで定義されたルールは、そのスタイルに優先して head を使用すると、要素自体のインライン・スタイルによって上書きされます(セレクタの具体性が等しいと仮定して)。セレクタを使用してルールを定義すると !important 属性」(?)は、「後の」ルールが「前の」ルールを上書きするという、通常の懸念を払拭します。

また、通常、より具体的なルールは、より具体的でないルールを上書きします。だから

a {
    /* css */
}

は通常、上書きされます。

body div #elementID ul li a {
    /* css */
}

後者のセレクタの方がより具体的であるため(そして通常、より具体的なセレクタがどこにあるかは問題ではありません)。 head または外部スタイルシート)は それでも は、あまり特定されていないセレクタを上書きします(インラインのスタイル属性は 常に は、'more-' または 'less-' に指定されたセレクタを上書きし、そのセレクタは 常に より具体的です。

しかし、もしあなたが !important を指定しない方のセレクタのCSS宣言に追加すると、そちらが優先されます。

使用方法 !important しかし、それはキツネが鶏を殺すのを止めるために核爆発を使うようなものです。確かにキツネは殺されるが、ニワトリも殺される。

また、CSSのデバッグが悪夢のようになります(個人的、経験的、経験から)。