CSS !importantとは?

スタイルシートは基本的に後から指定したスタイルが優先される。

CSSファイルの中で、誤って同じセレクタのスタイルが重複してしまった場合、ソースの最後に

記述したスタイルが適用される。

【スタイルの優先順位】

①!important

②IDセレクタ

③クラスセレクタ

 

【使用方法】

「プロパティ: 値」の後に半角スペースで区切り、!importanを記述

※適用させるには「プロパティ: 値」ごとに指定する必要がある。

 

#main-contents li {
border: none!important;
}

上記であれば、#main-contents 内にある全ての li は border がなくなる。

 

※下記のURLを参考にさせて頂きました。

http://www.xml.vc/kiso/!important.html