1

考虑到 CSS 规则以各种方式组合，以下两个 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 规则以各种方式组合，以下两个 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 回答