哪个标签在html中的div和span标签之间有优先权？

Question

这个问题可能是一个迭代！但是，我仍然不满意我发现的解释。

我的问题是：如果我使用span标签而不是div标签会有什么后果？两者都是非语义标签，我知道。通常，我们使用div作为容器并使用span来进行内联标记。如果我只使用span标签作为容器怎么办？

两个标签的CSS都有优先权吗？我只是想更清楚一点。

Answer 1

  

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

• 默认情况下应用不同的CSS（display: inline而不是display: block是主要（可能只是）差异。
• 您的HTML可能会变得无效（取决于您放置元素的位置以及放入其中的内容）。

  

通常，我们使用div作为容器并使用span来进行内联标记。如果我只使用span标签作为容器怎么办？

这取决于你试图让它包含什么。文本？链接？ CITES？一堆其他的东西？那一切都很好。 div的？段落？表？一堆不同的东西？无效的HTML，当浏览器尝试从中生成DOM时，您可能会遇到意外行为。

  

两个标签的CSS都有优先权吗？

没有。选择器特异性只关心您使用类型选择器（或其他类型的选择器），而不是元素的特定类型。

有关CSS如何确定哪些规则适用于元素的详细信息，请参阅the cascade。

Answer 2

<div>和<span>之间的主要区别在于浏览器默认情况下如何呈现（可以使用CSS更改）。前者占用可用宽度的100％并导致换行，而后者试图将内容挤压到允许的最小区域。

以下是供参考的图片： 就像@amadan所说，CSS优先级没有区别。