Question

css属性选择器里边，[attribute|=value]和[attribute^=value]

[attribute|=value] 用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。

[attribute^=value] 匹配属性值以指定值开头的每个元素。
我怎么感觉没有什么区别啊？能给个例子解释下吗？

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）

Answer 1

您好
[attribute|=value] ：
例如： [ class |= top ] 这个它能匹配

<div class="top"></div>
但是

[class |= top ] 这个它就不能匹配了 但 ^= 却可以

<div class="top111"></div>

[attribute^=value]

[ class^=top ] 这个能匹配

<div class="top"></div>

[class ^= top] 这个也能匹配

<div class="top111"></div>

总结：[attribute|=value] 只能匹配 属性开头与value相对于的,不能多也不能少
[attribute^=value] 只要属性值的开头是value , 无论你后面跟什么 value12345 valueoxx 他都能匹配
如果不懂可以再问 我觉得我说的太绕了。。