Css 未配对<；表格>；标签

我不明白，为什么一个未配对的标签会有这样的行为。我一直期望CSS选择器将只应用于。但它适用于未配对后的所有情况。你能解释一下吗？提前感谢：）

表格{字体大小：20px；颜色：红色；}
表单内的样式标签

未设置样式的文本，外部形式，内部p

未配对表格后的标签/



未配对表单/后的文本，p内。为什么它是样式？

编辑：我已经编辑了代码；以前有过不好的例子。在某个地方，我看到了使用unpaired作为控件“表”的示例

例如，您有两个未配对的：

---

第一个用于发送订单，第二个用于搜索。页面上的一些控件将使用“订单”，其他控件将使用“搜索”。它们通过表单属性与右侧连接。

首先，将表单标记更改为

---

你为什么期待那样？HTML标记需要正确关闭，以便浏览器可以呈现元素。是的，对于未关闭的HTML标记，浏览器并没有那么严格，但最佳实践表明，正文中的所有标记都应该关闭。

所以你想知道为什么无效的HTML会产生意外的结果？表单标记不是自动关闭的。我不认为我们应该投更多的反对票，而不是一次否决票-这个用户会听到消息。相反，试着帮助他/她，让他/她成为好公民。这是错误的制定之前。。。

<style>
  form { font-size: 20px; color: red; }
</style>

<form id="a">
  <label>Styled label inside &lt;form&gt;</label>
</form>

<p>
  Unstyled text, outside &lt;form&gt;, inside &lt;p&gt;
</p>

<form id="search" action="search.php" method="post" />

<label>Label after unpaired &lt;form /&gt;</label>
<br />
<input form="search" type="text" />
<input form="search" type="submit" value="Search" />

<p>
  Text after unpaired &lt;form /&gt;, inside &lt;p&gt;. Why is it styled?
</p>

<form id="order" action="order.php" method="post" />
<form id="search" action="search.php" method="get" />