将 CSS 类/id 直接应用于标签与将标签包装在具有相同类/id 的 DIV 标签中有什么区别？答案

【问题标题】：What is the difference of applying a CSS class/id directly to a tag vs wrapping the tag in DIV tags with the same class/id?将 CSS 类/id 直接应用于标签与将标签包装在具有相同类/id 的 DIV 标签中有什么区别？
【发布时间】：2018-12-08 04:38:03
【问题描述】：

有什么区别

<ol class="specialClass">
  <li>Hello World!</li>
</ol>

对

<div class="specialClass">
  <ol>
    <li>Hello World!</li>
  </ol>
</div>

我找不到明确回答这个问题的答案。我计划进一步试验和研究它，但最好能得到一个答案来直接解释它（如果可能的话）或一个解释的链接。

【问题讨论】：

你有什么不明白的地方吗？您的问题似乎很广泛。
是的，这是一个相当广泛的问题，实际上只是质疑 html 样式的基本语义之一。我想我真的只是想知道至少 IF 将一个元素包装在一个 div 的class/id 与直接将 class/id 添加到标签不同。但也很高兴知道这如何转化为如何将格式应用于 html 元素（如果有差异）。另外，感谢（快速）回复:) 我有一种非常强烈的感觉，答案将是臭名昭著的（而且通常是真的）“这取决于”。在这种情况下，我只能自己玩更多的游戏了。
如您所料，这取决于。在您提供的代码示例中，没有太多需要注意的地方，但根据具体的 CSS、HTML 和任何脚本，可能会有很大差异。

标签： html css

【解决方案1】：

如果您在 div 标记下放置其他任何内容，则格式将应用于结束标记之前的所有内容。而对于有序列表，格式仅适用于列表文本/块。

【讨论】：