上课的时候学到这几个选择器,感觉有些功能相似,没有区别。其实后面仔细研究了一下,还是有比较大的区别。下面我们分别来详细,举例说明。
1. x[attribute~=value]
~=value ,属性中必须有独立的单词是value才行,不论位置,必须要单独。
ex: p[class~=demo]
2. x[attribute|=value]
|=value ,属性中必须是完整且唯一的单词,或者是以-分隔。与~=区别就是唯一完整,或者以-分隔。
ex:p[class|=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时许