css3选择器简单介绍

1.选择符[属性名]
说明：只要带有当前属性名就会被选中。

第一个和第三个被选中。
2.选择符[属性名=”属性值”]
说明：既指定了属性名，又指定了属性值。

3.选择符[属性名~=”属性值”]
说明：属性值为一个词列表，只要包含当前词就会被选中。

4.选择符[属性名^=”属性值”]
说明：属性值必须是当前指定的属性值开头的。

5.选择符[属性名$=”属性值”]
说明：属性值必须是当前属性值结尾的。

第三个没有被选中的原因是arrow后有一个空格，空格也属于字符。
6.选择符[属性名*=”属性值”]
说明：属性值只要包含了指定的字符就会被选中。

7.选择符[属性名|=”属性值”]
说明：属性值仅是当前指定的属性值，或是以属性值-开头的。
1）属性值仅为当前指定的属性值：

第一个title属性值有三个，所以未选中
2）以属性值-开头：（注：逆战班）