「タグ」に「タイトル」属性を設定すると CSS スタイルがレンダリングされなくなるのはなぜですか?

なぜ は「title」属性が CSS レンダリングを妨げますか?

提供された HTML ドキュメントは、a.css と b.css の両方をページ上の要素に適用しようとしました。ただし、コード スニペットに示すように、b.css のスタイルはレンダリングされません。

に title 属性を設定することで、 b.css にリンクする要素の場合、スタイルシートは「優先スタイルシート」として分類されます。対照的に、title 属性のないスタイルシートは「永続的なスタイルシート」とみなされます。 HTML 仕様によると:
• スタイルシート タイプ
• 永続スタイルシート: rel="stylesheet" でリンクされており、title 属性はありません。レンダリング中に常に適用されます。
• 優先スタイルシート: rel="stylesheet" および title 属性でリンクされます。タイトルごとにグループ化されますが、ブラウザはグループごとに 1 つの優先スタイルシートのみを表示します。

代替スタイルシート:

rel="代替スタイルシート" とタイトルでリンクされています。タイトルごとにグループ化されており、ユーザーはブラウザが提供するインターフェイスからスタイルシートを選択できます。

この場合、title 属性を追加することにより、誤って b.css を優先スタイルシートとして分類することになります。グループごとに優先スタイルシートは 1 つだけである必要があるため、ブラウザーはレンダリングするスタイルシートの 1 つを選択し、結果として b.css が除外されます。したがって、a.css と b.css の両方が確実にが適用されている場合は、 から title 属性を削除する必要があります。 b.css にリンクする要素。これにより、永続的なスタイルシートとして分類され、レンダリング中に a.css と一緒に使用されるようになります。

以上が「タグ」に「タイトル」属性を設定すると CSS スタイルがレンダリングされなくなるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。