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>
<!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>
<!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)を指定して対象の背景色が赤になっています。