css 属性选择器菜鸟

CSS 属性选择器是 CSS 中一种非常强大的选择器，可以通过元素的属性值来选中元素并添加样式。在本文中，我们将介绍如何使用 CSS 属性选择器。

[attr] {
  /* 对具有 attr 属性的元素应用样式 */}

上面的代码是 CSS 属性选择器的基本语法。在方括号中，我们输入要选中的属性名。这样，每个具有该属性的元素都将被选中。

[attr=value] {
  /* 对具有 attr 属性且属性值为 value 的元素应用样式 */}

在上面的代码中，我们使用了属性值选择器。在方括号内，我们输入了属性名和属性值，用等号链接它们。这样，只有属性值为 value 的元素才会被选中。

[attr^=value] {
  /* 对具有 attr 属性且属性值以 value 开头的元素应用样式 */}

在上面的代码中，我们使用了属性值前缀选择器。在方括号内，我们输入了属性名、等号和要匹配的前缀 value，在前缀 value 的后面添加一个尖号。这样，只有属性值以 value 开头的元素才被选中。

[attr$=value] {
  /* 对具有 attr 属性且属性值以 value 结尾的元素应用样式 */}

在上面的代码中，我们使用了属性值后缀选择器。在方括号内，我们输入了属性名、等号和要匹配的后缀 value，在后缀 value 的前面添加一个美元符号。这样，只有属性值以 value 结尾的元素才被选中。

[attr*=value] {
  /* 对具有 attr 属性且属性值包含 value 的元素应用样式 */}
    

在上面的代码中，我们使用了属性值子串选择器。在方括号内，我们输入了属性名、等号和要匹配的子串 value，在 value 的前后各添加一个星号号。这样，只有属性值中包含 value 的元素才被选中。

总之，CSS 属性选择器非常有用，可以通过元素的属性值来选中元素并添加样式。希望这篇菜鸟级别的文章对你有所帮助！

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