CSS3属性选择器
css3属性选择器
- 选择符[属性名] 只要带有当前属性名就会被选中
- 选择符[属性名=“属性值”] 不仅指定属性名，有指定属性值
- 选择符[属性名~=“属性值”] 属性值为一个词列表，只要包含当前词就会被选中
- 选择符[属性名^=“属性值”] 属性值必须是当前指定的属性值开头的
- 选择符[属性名$=“属性值”] 属性值必须是当前指定的属性值结尾的
- 选择符[属性名*=“属性值”] 属性值中只要包含了指定的字符就会被选中
- 选择符[属性名|=“属性值”] 属性值仅是当前指定的属性值，或者是以属性值- 开头 （ left-con ）
首先我们先导入三张图片设置宽高加上类名
效果如下
下面使用——1. 选择符[属性名] 只要带有当前属性名就会被选中
2. 选择符[属性名=“属性值”] 不仅指定属性名，有指定属性值
3. 选择符[属性名~=“属性值”] 属性值为一个词列表，只要包含当前词就会被选中
4. 选择符[属性名^=“属性值”] 属性值必须是当前指定的属性值开头的
属性值必须是当前指定的属性值开头，属性值换成M也能选中该图片
5. 选择符[属性名$=“属性值”] 属性值必须是当前指定的属性值结尾的
6. 选择符[属性名*=“属性值”] 属性值中只要包含了指定的字符就会被选中
7. 选择符[属性名|=“属性值”] 属性值仅是当前指定的属性值，或者是以属性值- 开头 （ left-con ）
第一种情况：属性值仅是当前指定的属性值
第二种情况：以属性值- 开头 （ left-con ）