CSS では、input[type=text] などの特定の属性を持つ要素をターゲットにする機能が提供されます。しかし、これを任意の値の属性を持つ要素に拡張できますか?
任意の値の属性を持つ要素 (属性のない要素を除く) をスタイルしたいと考えています。たとえば、定義された rel 属性を使用してアンカー タグを強調表示することを目的とするとします。
これを実現するには、次の構文を使用します。
a[rel]
{
color: red;
}このルールrel 属性を持つアンカー タグ () と一致し、指定されたスタイルを追加します。
ただし、上記のルールは空の rel 属性を持つ要素とも一致します。これらを除外するには、:not pseudo-class:
a[rel]:not([rel=""])
{
color: red;
}を組み込みます。これにより、空ではない rel 属性を持つアンカー タグのスタイルが設定され、vsync によって指摘された問題に対処します。
以上がCSS で任意の値の属性を使用して要素をスタイルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
