你能不能一些如何在标签中添加一个类</div>来指定什么 div 在那里结束？

Question

就像如果我有：

<div class="body">
<div class="logo">
<img...>
</div>
<p>some text</p>
</div>

我能去...

<div class="body">
<div class="logo">
<img...>
</div class="logo">
<p>some text</p>
</div>

。这样它就知道结束第二个div而不是第一个div？（这是我试图做的一个简单的例子，但我想你明白了）

（如果可能的话，一种仅使用 HTML 或 CSS 的方法）

Answer 1

如果你的动机是有效地识别结束标签的意思，也许你可以使用注释

<div class="body">
<div class="logo">
<img...>
</div> <!-- logo div closed here -->
<p>some text</p>
</div>

正确格式化的代码将有助于查找结束标记层次结构。

Answer 2

不。

结束标记始终关闭最近打开的匹配标记。在您的示例中，它只是按预期工作。替代方案不是有效的标记：标记不能重叠。

Answer 3

我认为

你不能，但好消息来了：你不需要！
当你放一个</div>的那一刻，最接近的（倒退的）div（因此它的类/类）将关闭。

缩进有助于理解其工作原理：

<div class="first">
  <div class="second">
    <div class="third"> <!-- Next closing div closes "third" -->
    </div> <!-- Next closing div closes "second" -->
  </div> <!-- Next closing div closes "first" -->
</div>

再比如：

<div class="first">
  <div class="second"> <!-- Next closing div closes closest one, in this case "second" -->
  </div>
  <div class="third"> <!-- Next closing div closes "third" -->
 </div> <!-- Next closing div closes "first" -->
</div>

笔记：

• 您可能想学习如何设置元素子元素的样式，就像所有具有class="cool"的<div>元素中的所有<p>元素一样。
  这可以避免多次关闭和重新打开相同类的需要。
• 这个游戏以一种伟大而直观的方式教孩子选择：http://flukeout.github.io
• 最后，请注意，CSS 中目前没有父选择器。 那是什么（呃。会）在了解儿童选择后，您很快就会弄清楚自己。