添加额外div的意义何在？

这两者有什么区别？如果我们在第一个div中放入另一个div，它有什么不同？添加额外div的意义何在？

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

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

来源

2017-08-27 Kevin

我没有给予好评东西。我刚加入github，我仍在计算一切。那么我会让你高兴。 – Kevin

好的，我很抱歉。我现在要删除我的评论。 – NathanielSantley

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

不同的是，还有其他的网络语言，如CSS或JavaScript时采取行动的另一个<div>元素。

它给其他语言的机会特殊的定位，动画和样式添加到含<div>元素。

我希望这个答案是丰富。

让我知道，如果您有任何抱怨。

来源

2017-08-27 23:19:05 NathanielSantley

CSS和Javascript会影响第一个div还是其中的一个？比方说，我想给小马图像移动到特定的地方，有它响应，我操纵“嗒嗒”类中，“嗒嗒 - 内部”或图像本身？ – Kevin

这取决于。您可能必须分别定位每个元素。由于它们都嵌套在另一个内部，它们通常会一起工作。 – NathanielSantley

多个div允许您使用基于分配给不同的CSS属性性质不同的影响自定义HTML。此外，多div的使用允许您添加不同种类的CSS和jS到HTML页面的元素。与其将所有CSS放在一个选择器中，然后可以将它分散到多个div中，这样可以让您或其他人在处理代码时轻松搞定它。

您可能还想为网页的不同部分配对不同的样式集，并且拥有多个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>

来源

2017-08-28 00:16:49

正如其他人所指出的，额外的div作为一个子类。

延伸到你的榜样，免得说有类blah内有2个子类（blahInner1 & blahInner2）。我们只能轻松操作blahInner2的字体。

<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>

来源

2017-08-28 01:02:25 curious

添加额外div的意义何在？

回答

相关问题