CSS 要素名[属性名]で指定の属性がある要素にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
要素名[属性名]
指定の属性がある要素にCSSを適用します。
使用例
<!DOCTYPE html>
<html>
<head>
<style>
p[id] {
color:red;
}
[type]{
color:blue;
}
</style>
</head>
<body>
<p class="pA">東京</p>
<p id="pB">大阪</p>
<p><input type="text" id="del" value="削除" /></p>
<p><input id="update" value="更新" /></p>
</body>
</html>
結果
pが要素でidが属性です。要素「大阪」の文字色が赤になります。
typeの要素「削除」の文字色がgaryになります。