【使うのが待ち遠しい！】attr()関数で style を自在に操る超絶テクニック - コハムA more powerful CSS attr() function 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 attr()関数は、HTML属性の値を読み取り、それをCSSで使用できるようにする関数です。マークアップで定義された値をスタイルシート内で使用できます。attr()関数は最も一般的にdata-属性と共に使用されますが、任意のHTML属性にアクセスできます。現在、attr()関数の使用はcontentプロパティに限定されており、::before、::after、::markerで使用でき、文字列値のみに制限されています。 <ul> <li data-mark="💥">item 1</li> <li data-mark="✨">item 2</li> <li data-mark="🦖">item 3</li> </ul>
