^=与|=的区别

    学到^=“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标签发生了变化。

    由此可看出:^=是可以选中所有元素的,|=是必须是完整且唯一的单词的。