【CSS】!importantの書き方

CSSの「!important」は、特定のスタイルを優先するために使用されます。使用方法について説明します。

1.スタイルを宣言する際に「!important」を付ける

div {
    background-color: blue !important;
}

2.スタイルを宣言した要素に対して、インラインスタイルとして「!important」を付ける。

<div style="background-color: blue !important;">

!importantの使用により、特定のスタイルを優先することができます。ただし、コードの見通しや、複雑性の増加、パフォーマンスの問題などがあるため、使用には注意が必要です。適切な方法を使用すれば、「!important」を使用することなく、正確なスタイルを適用することができます。