CSS 属性 attr()

attr() 正確には、属性ではなく CSS 関数である必要があります。まず MDN の概要を見てみましょう:

概要

attr() CSS 関数は、次の値を取得するために使用されます。選択した要素の属性を取得し、それをスタイル シートで使用します。疑似要素でも使用できます。この場合、疑似要素の元の要素の属性の値が返されます。

attr()関数は任意の CSS プロパティで使用できますが、コンテンツ以外のプロパティのサポートは実験的です

簡単な翻訳、英語レベルは限られています。主に私より英語が苦手な友人のための参考用です。専門家は無視してください:

CSS 関数。 attr() は選択した要素の属性値を取得するために使用され、スタイル ファイルで使用されます。疑似クラス要素で使用することもできます。疑似クラス要素で使用すると、疑似要素の元の要素の値が取得されます。

attr() 関数は任意の CSS 属性で使用できますが、コンテンツを除いて残りはまだ実験段階です (簡単に言えば、不安定でブラウザーによってサポートされていない可能性があります)。

具体的にどのように使用するのでしょうか?少し前に、ボタンにプロンプ​​ト機能を実装するために使用した例を説明します。

rreeもちろん、attr() は、a タグの href 属性など、他の属性も取得できます。さらに多くの使用法を自分で試すことができます。

CSS 属性 attr() に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。