为什么在“标签”中使用“title”属性时样式会消失？

为什么当打开时样式会被忽略使用了“title”属性？

在提供的 HTML 中：

<code class="html"><link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" />
<link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" /></code>

由于存在 title 属性，因此未应用 b.css 样式。根据 HTML 规范，样式表可以是以下三种类型之一：

• 持久： 与 rel="stylesheet" 链接，不带标题属性。这些样式表始终用于渲染。
• 首选：与 rel="stylesheet" 和 title 属性链接。具有相同标题的首选样式表被分组在一起。但是，浏览器通常只会选择一个首选样式表进行渲染。
• 备用： 与 rel="alternate stylesheet" 和标题链接。这些样式表允许用户从不同的样式中进行选择，并显示在浏览器的样式表选择器中（如果可用）。此类别中按相同标题分组的样式表是互斥的。

通过向样式表添加标题属性，它们会无意中从持久样式表转换为首选样式表。由于有两种不同标题的首选样式表，浏览器被迫选择一种，导致 b.css 样式不适用。当两个样式表具有相同的标题时，此问题即可解决，因为它们随后会组合在一起作为一个首选样式表。

以上是为什么在“标签”中使用“title”属性时样式会消失？的详细内容。更多信息请关注PHP中文网其他相关文章！