ホームページ  >  記事  >  ウェブフロントエンド  >  CSS優先度の計算方法を詳しく解説

CSS優先度の計算方法を詳しく解説

高洛峰
高洛峰オリジナル
2017-03-07 13:59:191853ブラウズ

主な CSS セレクターは id、class、tag、[]、:、:: などで、通常判断する必要がある優先順位は id、class、tag です。また、インライン スタイルと ! important も同様です。 CSSへの優先順位が重要です。

これら 5 つの異なる状況の優先順位を数値で表すと、次のような関係になります。 class(10) > tag(1)

通常の CSS 優先度比較は、#list li と .list .content ul li のような数値によるサイズ比較に変換できます。優先度は

100 +1 =101 > 10+10+1+1=22

前者の方が後者よりも優先されます。

上記のCSS優先度の計算方法(推奨)は、編集者が共有した内容ですので、ご参考になれば幸いです。また、皆様にもPHP中国語サイトをご支援いただければ幸いです。

CSS 優先度の計算方法の詳細な説明については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。