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

Question

有什么区别

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

与

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

我找不到明确回答这个问题的答案。我打算进一步尝试和研究它，但是得到一个直接解释它的答案（如果可能的话）或解释的链接会很好。

Answer 1

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