[CSS]セレクタの!importantのサンプル

2021年7月28日

書式
スタイル !important;
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
#cft{
background-color:SkyBlue !important;
}
</style>
<div id="cft" style="background-color:green;">AAA !importantのスタイルを優先に適用</div>
<style> #cft{ background-color:SkyBlue !important; } </style> <div id="cft" style="background-color:green;">AAA !importantのスタイルを優先に適用</div>
<style>
#cft{ 
  background-color:SkyBlue !important;
}
</style>

<div id="cft" style="background-color:green;">AAA !importantのスタイルを優先に適用</div>

 

関連投稿:

  1. [CSS]repeat-xで背景画像に横に繰り返しを指定する
  2. 「CSS」複数のセレクタを指定するサンプル
  3. 「CSS3」animation-name プロパティのサンプル
  4. 「CSS」separateでテーブルの枠線を離して表示する

CSS

Posted by arkgame