微客导航 » 文章资讯 » CSS中的属性选择器

CSS中的属性选择器

2024-04-28 03:02:03 511

您还可以将样式应用于具有特定属性的HTML元素。下面的样式规则将匹配所有具有type属性且值为text 的输入元素-

input[type = "text"]{
   color: #000000;
}

以下是应用于属性选择器的规则。

p[lang]-选择所有具有lang属性的段落元素。

p[lang=“fr”]-选择其lang属性值完全为“fr”的所有段落元素。

p[lang〜=“fr”]-选择其lang属性包含单词“fr”的所有段落元素。

p[lang|=“en”]-选择其lang属性包含的值完全是“en”或以“en-”开头的所有段落元素。