Html 添加额外的div有什么意义?

Html 添加额外的div有什么意义?,html,css,Html,Css,这两者有什么区别?如果我们在第一个div中放入另一个div,会有什么区别 <div class="blah"> <div class="blahInner> <img src="pony.jpg"> </div> </div> <div class="blah"> <img src="pony.jpg"> </div> 本质上,没有区别,因此没有用处,除非

这两者有什么区别?如果我们在第一个div中放入另一个div,会有什么区别

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

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


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

区别在于,还有另一个
元素可供其他web语言(如CSS或JavaScript)使用

它使其他语言有机会向包含的
元素添加特殊的定位、动画和样式

我希望这个答案是有益的


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

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

区别在于,还有另一个
元素可供其他web语言(如CSS或JavaScript)使用

它使其他语言有机会向包含的
元素添加特殊的定位、动画和样式

我希望这个答案是有益的


如果您有任何不满,请告诉我。

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

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

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

我是虚拟文本

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

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

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

我是虚拟文本

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

扩展到您的示例,假设类
blah
中有两个子类(
blahInner1
&
blahInner2
)。我们只能轻松地操作
blahInner2
的字体


这是第一个标题。

这是第二个标题。
.blahInner2{color:red;}
正如其他人所指出的,extra
div
充当一个子类别

扩展到您的示例,假设类
blah
中有两个子类(
blahInner1
&
blahInner2
)。我们只能轻松地操作
blahInner2
的字体


这是第一个标题。

这是第二个标题。
.blahInner2{color:red;}
CSS和Javascript会影响第一个div还是其中的一个div?假设我想将小马图像移动到一个特定的位置,并使其具有响应性,我是操纵“blah”类、“blah-inner”还是图像本身?这取决于。您可能必须分别针对每个元素。因为它们彼此嵌套在一起,所以通常会一起工作。CSS和Javascript会影响第一个div还是第一个div?假设我想将小马图像移动到一个特定的位置,并使其具有响应性,我是操纵“blah”类、“blah-inner”还是图像本身?这取决于。您可能必须分别针对每个元素。因为它们彼此嵌套在一起,所以它们通常会一起工作。我什么都没投反对票。我刚加入github我还在想办法。那我就投你一票,我什么都没投。我刚加入github我还在想办法。那我就投你一票。