学到^=“value”与|=“value”感觉他们的概念不都是一样的么,都是以value开头的元素,后来才发现自己没有理解他们真正的含义。
^=:
[attribute^=value] : 他的概念是选择attribute属性值以"value"开头的所有元素,注意这里是所有元素,即属性的前几个字母是value就可以.
例如:
<b>当[class^='test']</b>
<P class="test">p1</P>
<P class="test_2">p2</P>
<P class="test-3">p3</P>
<P class="ts_test">p4</P>
运行可以发现p1 p2 p3改变了样式。
|=:
[attribut|=value]:选择attribue属性以“value”开头的所有元素,属性中必须是完整且唯一的单词,或者-分隔开。
例如:
<b>当[class|='test']</b>
<P class="test">p1</P>
<P class="test_2">p2</P>
<P class="test-3">p3</P>
<P class="te_st">p4</P>
运行可以发现p1 p3标签发生了变化。
由此可看出:^=是可以选中所有元素的,|=是必须是完整且唯一的单词的。