属性选择器
什么？更多选择器？当然。因为有人希望你尽可能保持 HTML 整洁。所以，在你为标签添加 class 属性之前，看看是否可以直接通过可能已存在的属性来定位它。
属性选择器允许你根据 HTML 属性的存在或属性值来设置元素的样式。
使用属性…
通过在方括号中添加一个属性名，来为包含特定属性的内容设置样式，你可以这样做：
abbr[title] { border-bottom: 1px dotted #ccc }
这基本上表示“在所有带有 title 属性的缩略词下方加一条虚线”。
使用属性及其值…
你可以进一步指定，你想为具有特定属性值的内容设置样式。
input[type=text] { width: 200px; }
此示例将仅将宽度设置为 200 像素，应用于被指定为文本框的 input 元素（<input type="text">）。
你也可以一次性定位多个属性，方法如下：
input[type=text][disabled] { border: 1px solid #ccc }
这只会为禁用的文本输入添加灰色边框。