各 DIV フレームで、最も外側の DIV の CSS は無効ですが、後続の DIV の CSS は有効であるのはなぜですか_html/css_WEB-ITnose

HTML コード

<div class="about_content" style="height:400px;">	<div class="all_main">    	<div class="about_conimg">        	        </div>        <div class="about_con">        	<h3>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</h3>            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>        </div>        <div class="clearfix"></div>    </div></div><div class="about_events">	<div class="all_main">    	    </div></div>

CSS コード

.about_content{height:400px;}

1 つ目は無効です

2 つ目は有効です

3 つ目は無効です

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

すべて投稿してくださいスタイル

すべてのスタイルを投稿してください

すべてのスタイルを投稿してください

スタイルが多すぎます。これらが主なスタイルです。実際、聞きたいのですが、背景画像に影響はありますか。 DIV には alt 属性がありませんか? [b]

いいえ

alt 属性なしで DIV の背景画像を設定しても影響はありませんか? => 影響はありません。他の DIV スタイルでカバーされていますか? F12で確認します。

には影響しません。 。

無効な最初の理由は、要素内でインライン スタイルを宣言しているためです。インライン スタイルがクラス セレクターの属性スタイルと同じである場合、そのスタイルは上書きされます。したがって、F12 で表示されるクラス セレクター スタイルは有効になりません。

これが無効である 3 番目の理由は、CSS スタイルを投稿していないため、それが表示されないことです。

最も周辺的なものについては、 を設定して、これを記述することができます。優先順位は !import>id>class>tag です

ありがとうございます。皆さん、主にコメントに関する問題で、優先順位があまり明確ではありませんでしたが、問題は解決されました

。