属性选择器可以根据元素的属性值来进行选择，分为以下几种：
[attr] /* 选择带有 attr 属性的元素 */ [attr=value] /* 选择 attr 属性的值为 value 的元素 */ [attr~=value] /* 选择 attr 属性的值包含单词 value 的元素 */ [attr|=value] /* 选择 attr 属性的值以 value 开头的元素，或者是以 value- 开头的元素 */ [attr^=value] /* 选择 attr 属性的值以 value 开头的元素 */ [attr$=value] /* 选择 attr 属性的值以 value 结尾的元素 */ [attr*=value] /* 选择 attr 属性的值包含字符串 value 的元素 */
其中最常用的是[attr=value]，用来选择属性值等于特定值的元素。例如：
/* 选择所有type属性等于"button"的input元素 */
input[type="button"] {
background-color: #4CAF50;
color: white;
}除了等号外，其他的属性选择器可能不太常用到。但它们在某些特定情况下也会派上用场。例如[attr^=value]可以选择所有属性值以某个字符串开头的元素，这在处理一些以固定前缀命名的元素时非常有用。
总之，属性选择器是CSS的一种强大工具，可以让大家更加灵活地定位元素并修改其样式。