CSS 複数の属性セレクタで対象を絞り込むサンプル
環境
Google Chrome 111.0.5563.111(Official Build) (64 ビット)
Windows 10 Home 64bit
書式
[セレクタ1][セレクタ2]
複数の属性セレクタを指定して対象を絞り込みます。
角括弧[]を並べて記述します。
使用例
<!DOCTYPE html> <html> <head> <style> a[href][title]{ background-color:red; } </style> </head> <body> <p><a href="javascript:void(0);" >東京tokyo</a></p> <p><a href="javascript:void(0);" title="example1">大阪oosaka</a></p> </body> </html>
実行結果
角括弧[]で複数の属性セレクタ(hrefとtitle)を指定して対象の背景色が赤になっています。