学习如何使用CSS属性选择器
在这篇文章中，我将介绍属性选择器。
也请看基本的CSS选择器的介绍。在那里我介绍了几种基本的CSS选择器：使用类型选择器、类、id、如何组合它们、如何针对多个类、如何在同一规则中为几个选择器设置样式、如何用子选择器和直接子选择器遵循页面的层次结构、以及相邻的同辈。
属性存在选择器
第一个选择器类型是属性存在选择器。
我们可以使用[] 语法来检查一个元素是否有属性。p[id] 将选择页面中所有具有id 属性的p 标签，无论其值如何。
确切的属性值选择器
在括号内，你可以使用= ，检查属性值，只有当属性与指定的精确值相匹配时，CSS才会被应用。
p[id="my-id"] {
/* ... */
}
匹配一个属性值的部分
虽然= ，让我们检查确切的值，但我们还有其他的操作符。
*=检查该属性是否包含部分^=检查属性是否以局部开始$=检查属性是否以部分内容结束|=检查属性是否以局部开始，并且后面有一个破折号（例如，在类中很常见），或者仅仅包含局部~=检查该部分是否包含在属性中，但与其他部分用空格隔开。
我们提到的所有检查都是区分大小写的。
如果你在闭合括号之前添加一个i ，那么检查就不区分大小写了。很多浏览器都支持，但不是所有浏览器都支持，请检查caniuse.com/#feat=css-c…
