目录
  1. 1. 属性选择器
属性选择器

属性选择器

[属性名] 表示选取含有指定属性的元素

p[name]{
font-size="28px";
}

[属性名=”属性值”] 表示选取属性等于指定属性值的元素

p[name="jack"]{
font-size="20px";
}

[属性名~=”属性值”] 表示用于选取属性值中包含指定词汇的元素。

p[title~="name"]{
color=red;
}

[属性名|=”属性值”] 表示用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

p[title="car"]{
background-color=yellow;
}

[属性名^=”属性值”] 表示选择属性值以什么开头的元素

p[name^="ab"]{
font-size="35px";
}

[属性名$=”属性值”] 表示选择属性值以什么结尾的元素

p[name$="cm"]{
font-size="20px";
}

[属性名*=”属性值”] 表示选择包含该属性值的元素

p[name*="aa"]{
font-size="22px";
}
文章作者: Jachie Xie
文章链接: https://xjc5772.github.io/2020-02/03/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/CSS/%E5%B1%9E%E6%80%A7%E9%80%89%E6%8B%A9%E5%99%A8/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 XJC&Blog
打赏
  • 微信
  • 支付宝

评论