html - sup 标签在 title 标签内不起作用

Question

我在 title 标签中有一个 sup 标签，它不起作用，但可以在 li 标签中使用。有人知道为什么吗？我可以将标题标签更改为 H 类，但它让我很烦。这是我所拥有的:

<ul>
  <title>TPC <sup>®</sup></title>
  <li>TPC<sup>®</sup></li>
  <li>TPC<sup>®</sup></li>
  <li>TPC<sup>®</sup></li>

</ul>

sup 在所有 li 标签中都能正常工作，但在标题中却不行。在标题中，它将实际代码显示为文本。

Answer 1

title元素仅用于设置文档的标题，您通常会在浏览器的选项卡中看到它。

只允许 li 元素作为 ul 元素的直接子元素。

如果您希望设计页面标题的样式，那您就走运了。 Only text can be used在 title 元素中。

---

如果您只是想为列表中的第一项设置不同的样式，您可以这样做:

li:first-of-type {
  color: red;
}

<ul>
  <li>TPC<sup>®</sup></li>
  <li>TPC<sup>®</sup></li>
  <li>TPC<sup>®</sup></li>
  <li>TPC<sup>®</sup></li>
</ul>