ホームページ  >  記事  >  ウェブフロントエンド  >  「タグ」に「タイトル」属性を設定すると CSS スタイルがレンダリングされなくなるのはなぜですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-30 22:36:02476ブラウズ

Why Does Setting a 'title' Attribute on a `` Tag Prevent CSS Styles from Rendering?

なぜ は「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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。