css属性选择器attr

在CSS中，有一种属性选择器叫做attr。attr是attribute（属性）的缩写，意思是可以通过HTML元素的属性来选择对应的元素。

/* 语法格式 */[attr="value"] {
  /* 样式代码 */}

上面的代码表示按照属性名称和属性值进行元素的选择。

举个例子：

/* 按照title属性选择所有元素 */[title] {
      background-color: gray;
}
/* 按照title属性选择部分元素 */a[title] {
      color: red;
}
/* 按照自定义属性选择 */div[data-info="important"] {
      font-size: 20px;
}
    

使用attr属性选择器时，括号中可以是任意属性名称和属性值，例如id、class、title等等。也可以自定义属性名称和属性值，只要在HTML元素中使用了该属性就可以选择到对应的元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！