為什麼在「標籤」中使用「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中文網其他相關文章！