私が今まで見た中で最も奇妙なCSSの問題

Question

以下私はdivの2つのCSSコードを持っています。最初のページにはページ上のdivやそれに名前が付いていないことに注意してください。私は何にも名前を変更することができます。

ここで奇妙な部分が入ります。下のコードの2番目のビットは520pxの幅ですが、ページ上のdivが520pxになる唯一の方法は、 1つ目は既存のdivがないページが2番目のCSSコードが動作するためのページになるはずだったのですが、最初はブラウザのキャッシュ問題であると思っていましたので、キャッシュをクリアして何もしません。ブラウザとそれらはすべて同じ結果を持っています。

ページに第1ビットのコードを追加し、第2ビットが機能します。最初のビットを取り去り、2番目のビットは機能しません。私はここで何かを見下ろす？ここで

.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 

.commentwrapper{width:520px;margin-right:auto;margin-left:auto;} 

は、私はその最初のものの前にCSSの権利が不足して閉じ括弧のように、すなわち、間違った構文があり、不正な形式であることを推測するベンチャーたいページ全体のコード

<style> 
<!-- css for user photos--> 
div.imageSub img.female { border-top: 1px solid #FF3399; } 
div.imageSub img.male { border-top: 1px solid #3399FF; } 
div.imageSub img { z-index: 1; margin: 0; display: block; } 
div.imageSub div { 
    position: relative; 
    margin: -15px 0 0; 
    padding: 5px; 
    height: 5px; 
    line-height: 4px; 
    text-align: center; 
    overflow: hidden; 
font-family:Trebuchet MS,Helvetica,sans-serif; 
font-size:12px; 
font-weight: bold; 
} 
div.imageSub div.blackbg { 
    z-index: 2; 
    background-color: #000; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70); 
    opacity: 0.5; 
} 
div.imageSub div.label { 
    z-index: 3; 
    color: white; 
} 
<!-- end photo block--> 
/* Comments */ 
.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 
.commentwrapper{width:520px;margin-right:auto;margin-left:auto;} 
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; } 
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } 

#comments ul.children li ul.children,#comments .commentlist{padding:0;} 
</style> 

<div class="commentwrapper"> 
<div id="comments"> 
    <ol class="commentlist"> 
    <li class="comment thread-even " > 
    Comment 1 
    </li> 
    </ol> 
</div> 
</div> 

Answer 1

です。このような場合、文は次の有効な終了括弧までスキップされる可能性があります。あなたのナンセンスステートメントは、構文を「修正」するので、.commentwrapperステートメントはスキップされます。