Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html中,哪个标记在div和span标记之间具有优先级?_Javascript_Html_Css - Fatal编程技术网

Javascript 在html中,哪个标记在div和span标记之间具有优先级?

Javascript 在html中,哪个标记在div和span标记之间具有优先级?,javascript,html,css,Javascript,Html,Css,这个问题可能是一个迭代!但是,我仍然对我找到的解释不满意 我的问题是:如果我使用span标记而不是div标记,会有什么后果?我知道,两者都是非语义标记。通常,我们使用div作为容器,使用span作为行内标记。如果我只使用span标记作为容器会怎么样 这两个标签在CSS中都有优先级吗?我只是想更清楚一点 和之间的主要区别在于浏览器默认呈现它们的方式,这可以通过CSS进行更改。前者占据100%的可用宽度并导致换行,而后者则试图将内容压缩到允许的最小区域 这里有一张图片供参考: 正如@amadan所说

这个问题可能是一个迭代!但是,我仍然对我找到的解释不满意

我的问题是:如果我使用span标记而不是div标记,会有什么后果?我知道,两者都是非语义标记。通常,我们使用div作为容器,使用span作为行内标记。如果我只使用span标记作为容器会怎么样


这两个标签在CSS中都有优先级吗?我只是想更清楚一点

和之间的主要区别在于浏览器默认呈现它们的方式,这可以通过CSS进行更改。前者占据100%的可用宽度并导致换行,而后者则试图将内容压缩到允许的最小区域

这里有一张图片供参考: 正如@amadan所说,CSS优先级没有区别

如果我使用span标记而不是div标记,会有什么后果

默认情况下,不同的CSS应用于display:inline,而不是display:block是主要的,可能是唯一的区别。 您的HTML可能会变得无效,这取决于您将元素放在何处以及放在其中的内容。 通常,我们使用div作为容器,使用span作为行内标记。如果我只使用span标记作为容器会怎么样

这取决于你想让它包含什么。文本链接?引用?一堆其他的东西?没关系。潜水艇?段落?桌子?一堆不同的东西?无效的HTML,当浏览器试图从中生成DOM时,可能会出现意外行为

这两个标签在CSS中都有优先级吗

不需要。选择器专用性只关心使用类型选择器或其他类型的选择器,而不关心元素的特定类型


有关CSS如何确定哪些规则应用于元素的更多详细信息,请参阅。

CSS优先级没有区别。谁告诉你这些规则是非语义的?它们都有自己的部分和不同类型的元素,它们应该包含块和内联的差异。@Itay-它们的全部要点是它们没有任何语义和最小的默认表示。它们是在HTML中没有正确的语义来描述你想要描述的内容时使用的。@Quentin在你说的和称它们为非语义之间还有很大的距离,这是不正确的。这只是默认的表示,可以使用CSS进行更改。真正的区别在于它们可以是哪些元素的子元素以及它们可以包含哪些元素。@Quentin是的,我指的是默认行为。我将编辑我的答案,将其包括在内。