Question

这两者有什么区别？如果我们在第一个div中添加另一个div会有什么不同呢？

<div class="blah">
    <div class="blahInner>
        <img src="pony.jpg">
    </div>
</div>

<div class="blah">
    <img src="pony.jpg">
</div>

Answer 1

基本上，没有区别，因此除非您在链接的CSS或JavaScript中使用它，否则无用。

区别在于其他网络语言（如CSS或JavaScript）还有另一个<div>元素可供使用。

它为其他语言提供了为包含<div>元素添加特殊定位，动画和样式的机会。

我希望这个答案能提供丰富的信息。

如果您有任何抱怨，请告诉我。

Answer 2

多个div允许您根据分配给不同CSS属性的属性，使用不同的效果自定义HTML。此外，使用多个div允许您向HTML页面的元素添加不同类型的CSS和jS。您可以将其分布在多个div中，而不是将所有CSS放在一个选择器中，这样您或其他人可以轻松理解它。

您可能还希望为网页的不同部分配对不同的样式集，并且具有多个div可以让您轻松调用相同的div并形成来自不同选择器的属性组合。最终，您可以按如下方式使用它们，

<div class="art" id="dart">
Text
</div>

或多个div，如下所示。

.dart {
  color: white;
}

#art {
  background-color: #ADFF2F;
  width: 115px;
  height: 20px;
}

<div id="art">
  <div class="dart">
    I am dummy text
  </div>
</div>

Answer 3

正如其他人所指出的，额外div充当子类别。

扩展到您的示例，以免在类blahInner1中有2个子类（blahInner2＆amp; blah）。我们可以轻松操作blahInner2字体。

＆＃13;

<div class="blah">
    <div class="blahInner1">
        <img src="pony.jpg">
        This is 1st caption.
    </div>
    <br/>
    <div class="blahInner2">
        <img src="pony.jpg">
        This is 2nd caption.
    </div>
</div>

<style>.blahInner2{color: red;}</style>

＆＃13;

添加额外div的重点是什么？

3 个答案: