1

CSSルールがさまざまな方法で組み合わされていることを考慮に入れると、次の2つのHTMLスニペットは一般的なケースで同じようにレンダリングされますか？そうでない場合、そうするときにいくつかの合理的なケースがありますか？

1） 

<div class="outerrule">  
    <div class="innerrule1">content1</div>  
    <div class="innerrule2">content2</div>  
</div>

2） 

<div class="outerrule">  
    <div class="innerrule1">content1</div>  
</div>  
<div class="outerrule">  
    <div class="innerrule2">content2</div>  
</div>
4

3 に答える 3

1

CSS ルールがさまざまな方法で組み合わされることを考慮して、次の 2 つの HTML スニペットは一般的なケースで同じようにレンダリングされますか?

CSS ルールがさまざまな方法で組み合わされることを考慮すると、一般的なケースはありません。

作成者の CSS がまったくない場合は、同じようにレンダリングされると思います (div はデフォルトで 0 のマージン/パディングを持っていると思います)。

于 2012-10-17T16:39:29.970 に答える
1

それはCSSが何であるかに依存します。

たとえば.outerrule、境界線を追加する CSS ルールがある場合、それらは同じものをレンダリングしません。この例を参照してください。

一方、.outerruleフォントのスタイリングだけがある場合は、同じようにレンダリングされます。この例を参照してください。

実際には、すべて CSS 自体に依存しています。ルール自体は、新しい要素のそれぞれに等しく適用されるという点で「保持」されます。(コードのように、それらはすべてクラスであると仮定します。)

于 2012-10-17T16:40:47.063 に答える
0

ほとんどの場合、これらの例はどちらも同じように表示されます。違いを見つけることができるいくつかの例: .innerrule1 + .innerrule2, .outerrule div:last-child,outerrule div:first-child

于 2012-10-17T16:42:39.863 に答える