使用css中的属性选择器为具有特定属性的html元素应用样式。有以下规则适用于属性选择器。
p[lang] - 选择具有lang属性的所有段落元素。
p[lang="fr"] - 选择lang属性值完全为"fr"的所有段落元素。
p[lang~="fr"] - 选择lang属性值包含单词"fr"的所有段落元素。
-
p[lang|="en"] - 选择lang属性值完全为"en"或以"en-"开头的所有段落元素。
立即学习“前端免费学习笔记(深入)”;
以下是使用CSS属性选择器为表单添加样式的代码:
示例
演示
Css attribute selector example
输出
上述代码将产生以下输出 −











