关于~= ^= $= *= |=各种选择器的区别

上课的时候学到这几个选择器，感觉有些功能相似，没有区别。其实后面仔细研究了一下，还是有比较大的区别。下面我们分别来详细，举例说明。

1. x[attribute～=value]

～=value ，属性中必须有独立的单词是value才行，不论位置，必须要单独。
ex: p[class~=demo]

2. x[attribute|=value]

|=value ，属性中必须是完整且唯一的单词，或者是以-分隔。与～=区别就是唯一完整，或者以-分隔。
ex：p[class|=demo]

或者

(切记以-分隔，value必须在前，如果是xx-demo 就不行)

3. x[attribute*=value]

=value ，属性中能抽出value这个词就可以。
ex：p[class= demo]

4.x[attribute^=value]

^=value,属性中，需要以value打头的，只要能抽出value这个词就可以。
ex：p[class^=demo]

5.x[attribute&=value]

&=value,与^=同理，需要value结尾，只要能抽出value这个词就行。
ex：p[class&=demo]

以上，就是属性选择器中，容易混淆的几种。已经一一列举，并且详细说明。希望能帮到和我一样初学的同学，加油！共勉。
2.28 23时许