ホームページ  >  記事  >  ウェブフロントエンド  >  繰り返しの CSS 定義に関する質問_html/css_WEB-ITnose

繰り返しの CSS 定義に関する質問_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:13:101312ブラウズ

UL と LI のスタイルが外部 CSS ファイルで定義されている場合:



次に、現在のページで別のスタイルを定義し、それを ff6d136ddc5fdfeffaf53ff6ee95f185 の下の 2725bc59dc72971ec020c7c0c6672165 に適用します。無効ですか?


ディスカッションへの返信(解決策)

外部CSSスタイルと内部CSSスタイルは同時に存在し、内部CSSスタイルが優先されます。
内部CSSスタイルとタグのstyle属性は同時に存在し、style属性のスタイルが優先されます。

あなたが言及した状況では、両方が有効であるはずですが、同じスタイル属性が存在する場合、CSS クラスで定義されたスタイルが ulli スタイルをオーバーライドします。
CSS の優先度: http://spemoon.github.com/blog/2011/09/06/css-priority/

あなたが言及した状況では、両方が有効である必要がありますが、CSS クラスの優先度が高くなります。同じ style 属性が存在する場合、CSS クラスで定義されたスタイルが ulli スタイルをオーバーライドします。
CSS 優先度: http://spemoon.github.com/blog/2011/09/06/css-priority/

外部 CSS で次のように定義します:

ul#navmenu li:hover li a,ul#navmenu li.iehover li a {  float: none;  background:#6699CC;   color:#FFFFFF;  border-bottom:#FFFFFF solid 1px;  text-align:left;   padding-left:10px;   width:180px; }ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a {  background:#99CC00;   color:#FFFFFF;}


ページ上で再度定義します:
<style>style2{    background:#000000;}</style>


次に、次のように引用します。
5408287d0cc4bf79b58e64855c714d1fee7959cc8dd4be16ef633321c03dac32test5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
71a265f29ec1f3e8bdd723cba2616fb3test25db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689

なぜ最初の LI は style2 スタイルを正常に参照できなかったのでしょうか?それともフォーマットを間違えて書いたのでしょうか?

.style2{

background:#000000;
}

ピリオドがありません。

.style2{

background:#000000;
}

ピリオドがありません。

気を失ってまた愚かな間違いをしてしまいました、本当にありがとうございました!今ならポイント配布中! ! !

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