CSS [attribute^="value"]选择器
[attr^="value"]选择器
CSS中的[attribute^="value"]选择器，和“|=”属性选择器同样可以选择具备attribute属性且以value为开头作为属性值的HTML元素，不同的是“^=”的value可以不必是完整的单词，具体可见下方实例代码中二者的区别。
语法
eleselector[attribute^="value"]{样式设置}
[attr^="value"]选择器实例代码，及在线编辑器
下方的实例将比较^=与|=之间匹配查找元素的不同方式，可以将下方的p[class|='at']修改成p[class|='attr']，然后再次运行试一试：
<p class='attr-class'>段落一</p>
<p class='attrclass'>段落二</p>
<div class='attr-class'>div one</div>
<div class='attrclass'>div two</div>
<style>
p[class|='at']{color:skyblue;}
div[class^='a']{color:blue;}
</style>