CSS属性选择器
选中带有特定属性或属性值的 HTML 元素，为其设置样式
[attribute]
选取带有指定属性的元素。
如下选择所有带有 target 属性的 <a> 元素：
a[target] {
background-color: yellow;
}
[attribute="value"]
选取带有指定属性和值的元素。
如下选取所有带有 target="_blank" 属性的 <a> 元素：
a[target="_blank"] {
background-color: yellow;
}
[attribute~="value"]
选取属性值包含指定词的元素。
如下选取 title 属性包含 "flower" 单词的所有元素：
注释：下面的例子会匹配以下属性的元素：title="flower"、title="summer flower" 以及 title="flower new"，但不匹配：title="my-flower" 或 title="flowers"。
[title~="flower"] {
border: 5px solid yellow;
}
[attribute|="value"]
选取指定属性以指定值开头的元素。
如下选取 class 属性以 "top" 开头的所有元素：
注释：值必须是完整或单独的单词，比如 class="top" 或者后跟连字符的，比如 class="top-text"。
[class|="top"] {
background: yellow;
}
[attribute^="value"]
选取指定属性以指定值开头的元素。
如下选取 class 属性以 "top" 开头的所有元素：
注释：值不必是完整单词！
[class^="top"] {
background: yellow;
}
[attribute$="value"]
选取指定属性以指定值结尾的元素。
如下选取 class 属性以 "test" 结尾的所有元素：
注释：值不必是完整单词！
[class$="test"] {
background: yellow;
}
[attribute*="value"]
选取属性值包含指定词的元素。
如下选取 class 属性包含 "te" 的所有元素：
提示：值不必是完整单词！
[class*="te"] {
background: yellow;
}
