CSS `attr()` 関数が機能しないのはなぜですか?

attr() がブラウザで動作しない: 謎を解く

CSS3 の attr() 関数は、HTML 属性から値を取得して使用するように設計されています。これらを CSS プロパティとして使用することは、一般的なブラウザで報告された問題のため、開発者を困惑させてきました。この予期しない動作の背後にある理由を詳しく調べてみましょう。

attr() の W3C 仕様では、属性名と単位をカンマで区切ることを含む構文が定義されています。ただし、このドキュメントとは異なり、関数が正しく動作するにはこのカンマを削除する必要があることが判明しました。

構文を調整した後でも、attr() は主要なブラウザでは動作しないままです。この機能を導入する機能は、どのブラウザにも実装されていません。

開発者を残念に思うことに、このレベル 3 バージョンの実装は、現状ではまだ不確実です。現在、仕様の最新の編集者草案では危険にさらされています。これは、私たちがよく知っている attr() 関数がレベル 2.1 バージョンであることを意味します。このバージョンは、主要なブラウザ間で完全にサポートされており、動作方法が異なります。

潜在的なブラウザのサポートにはある程度の進歩がありますが、まだ検討中です。 。この機能が開発ニーズと一致する場合は、適切なフィードバック チャネルを通じてその実装を提案することを検討してください。

以上がCSS `attr()` 関数が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。