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

CSS

Posted by arkgame