2025年12月2日火曜日

[CSS]!important

selector {
  property: value; /* 通常宣言 */
  property: value !important; /* 重要宣言(推奨) */
  property: value ! important; /* 重要宣言(非推奨) */
}

!important - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/Reference/Values/important

!important は優先順位の宣言

CSSは最後の記述が優先されますが

CSSの例

p {
  background-color: yellow !important;
}

#myid {
  background-color: blue;
}

.myclass {
  background-color: gray;
}

例えばこの場合は、段落(<p></p>)の背景色はどんなクラスやIDを入れても黄色になります

当然プロパティが別であれば !important 宣言をする必要はないので

p {
  background-color: yellow !important;
}
p {
  color: black;
}

要はこういう書き方が許されます

古いブラウザに関しては不明な部分があるので何とも言えませんが、古いBloggerのカスタマイズの中には本当に !important 宣言が必要なのかなというのが今となってはあるので書いてみました

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."