` タグで `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 仕様によれば、スタイルシートは次の 3 つのタイプのいずれかになります。

• 永続的: title 属性なしで rel="stylesheet" でリンクされます。これらのスタイルシートはレンダリングに常に使用されます。
• 推奨: rel="stylesheet" および title 属性でリンクされます。同じタイトルを持つ優先スタイルシートはグループ化されます。ただし、ブラウザは通常、レンダリングする優先スタイルシートを 1 つだけ選択します。
• 代替: rel="alternate stylesheet" とタイトルでリンクされます。これらのスタイルシートを使用すると、ユーザーはさまざまなスタイルから選択でき、ブラウザのスタイルシート セレクター (使用可能な場合) に表示されます。このカテゴリ内の同じタイトルでグループ化されたスタイルシートは相互に排他的です。

スタイルシートにタイトル属性を追加すると、スタイルシートが永続スタイルシートから優先スタイルシートに誤って変換されます。異なるタイトルを持つ 2 つの優先スタイルシートがあるため、ブラウザーはいずれかを選択することを強制され、b.css スタイルが適用されなくなります。両方のスタイルシートが同じタイトルを持つ場合、これらは 1 つの優先スタイルシートとしてグループ化されるため、この問題は解決されます。

以上が` タグで `title` 属性を使用するとスタイルが消えるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。