「CSS」角括弧で複数の属性セレクタを指定する

2014年7月4日2021年10月19日

書式
[セレクタ1][セレクタ2]

使用例

<style>
/*複数の属性セレクタ(href title)を指定して対象を絞り込む*/
a[href][title]{
            background-color: red;
          border: 1px solid #333;
}
</style>

<p><a href="https://www.google.co.jp/" >data1 css適用対象外</a></p>
<p><a href="https://www.yahoo.co.jp/" >data2　css適用対象外</a></p>
<span><a href="javascript:void(0);" title="サンプル">data3　css適用対象</a></span>