将类应用于 br 标签？答案

【问题标题】：Apply a class to a br tag?将类应用于 br 标签？
【发布时间】：2013-06-05 15:52:20
【问题描述】：

以下是有效的 HTML 吗？

<br class="something">

作为一个 HTML 元素，我不明白为什么它不会，但我认为我从未见过它在使用中。

【问题讨论】：

标签： html

【解决方案1】：

是的。

class 属性适用于“HTML 元素”（包括 br 元素）。

【讨论】：

【解决方案2】：

我能想到的一个应用程序是使用伪元素添加它，例如 :before 或 :after，例如在水平线下方添加一些文本：

hr.something:after  { content: "Some text"  }

【讨论】：

【解决方案3】：

是的，有效。

Specification 告诉br 接受global 和event 属性，而class 是一个全局属性。

请注意，如果您以 HTML4 及以下版本为目标，则 br 有一个名为 clear 的特定属性，它定义了新行 as stated here 的放置位置，但现在已弃用，除非您的 DOCTYPE 允许您，你不应该再使用它了。

【讨论】：

【解决方案4】：

是的，这是有效的声明。你可以使用类似的东西。

<br style="height: 100px; margin-top: 10000px;">

但建议使用 div 元素。

【讨论】：

【解决方案5】：

是的，你可以，根据 w3c 规范：http://dev.w3.org/html5/markup/br.html

  元素可以使用全局属性，class 就是其中之一。

【讨论】：

【解决方案6】：

它在 HTML 4.01 中有效，因为 br element 允许使用 class 属性。它在 HTML5 中的 HTML 序列化中也有效，因为所有元素都允许使用 class 属性。如果没有匹配的 ，它是无效的 XHTML。

【讨论】：

【解决方案7】：

是的，您可以将class 属性添加到  元素。 id 如果你愿意，也可以。

【讨论】：

【解决方案8】：

当然，它是有效的。一个有用的示例是，如果您想在换行符后直观地添加一点空格，而不是结束段落。或者也许应用背景图像。各种样式选项。

【讨论】：

【解决方案9】：

br 标记不会生成 CSS 框，因此几乎无能为力。

唯一的实际案例是clear。我相信drupal曾经使用过它。有趣的是 CSS 1 规范。克制了对 br 做任何事情。 http://www.w3.org/TR/REC-CSS1/#br-elements。毫无疑问，在其上应用一些 css 不会使代码无效，但不会产生什么影响。

这个https://stackoverflow.com/a/899359/1043824 是关于这个话题的一个很好的讨论。

【讨论】：

【解决方案10】：

当您想要省略换行符时，它确实会派上用场。例如，在具有响应式布局和某些断点的标题中。

【讨论】：