CSS [attr|="value"]选择属性值以value开头的元素
[attr|="value"]选择器
CSS的[attribute|="value"]属性选择器可以选择属性值以指定的value开头的HTML元素，语法如下：
selector[attribute|="value"]{样式设置}
提示：如果没有前置的selector选择器，[attribute|="value"]将匹配所有具有attribute属性，且属性值以value开头的HTML元素。
提示：这里的属性值以value开头的意思是，比如如果值为em，则需要输入em，如果只输入e或m，将匹配不到em属性值，如果是带有连接符的，比如attr-class，则可以只输入attr，注意，如果只输入a或其它不完整的attr，将匹配不到attr-class属性值。
[attr|="value"]选择器实例代码，及在线编辑器
当在线运行这个实例的时候，会发现字体的颜色并没有呈现为skyblue，可以尝试修改一下[class|='at']中的at为attr试一试：
<p class='attr-class'>段落一</p>
<p class='attrclass'>p二</p>
<div class='attr-class'>div</div>
<style>
[class|='at']{color:skyblue;}
</style>