CSS id选择器 [id^="c0"]{top:16px;}该用法不是太明白？

Question

做项目时，遇到了id选择器写样式碰到了上面这种id选择器的用法，从来没遇见过，不知道这是属于id选择器还是属性选择器，为什么还会出现^(异或)符合，不是太理解上面选择器的用法，请教！

Answer 1

这是属性选择符。

图片出处

Answer 2

<style>
[id^="c0"] {
color: red;
}
</style>
<div id="c0abcd">意思就是属性选择器匹配id为 c0 开头的</div>
<div id="c0123">111</div>

<div id="c0-ef">222</div>

<div id="c0">333</div>

Answer 3

CSS3的正则匹配，表示id以C0打头