1.[class~="flower"]：选中有flower的class
class="flower ss"
class="ss flower"
2.[class|='top']：选择以top为top开头的class需要有'—'相连 或者单独的top
class="top-ss"
立即学习“前端免费学习笔记（深入）”；
class="top"
class="top-ss"//选不中
3.[class^="top"]: 选中以top为开头的不管有没有特殊符号相连，单独的top也可以
class="top-ss"
立即学习“前端免费学习笔记（深入）”；
class="topss"
4.[class$="top"]: 选中以top为结束的class,单独的top也行
class="mytop"
和网商城，手机平台(WAP2.0界面)v1.0测试版（带全站测试数据+图片）。 特色功能： 商品基本信息中编号条型码生成设计中，选择商品类型。 商品价格，支持单一价格，同时支持开启规格，可以分别设置价格。 商品属性，支持自定属性，不同的商品类型加载不同的商品属性，支持按属性检索浏览。 扩展属性：支持添加文字属性，图文属性等，具体功能请试用 赠送礼品：添加购买赠送的礼品（礼品后台管理）。 相关专题
class="my-top"
class="top"
5.[class*='tt']: 选中有tt两个字母的class不管其位置在哪里
class="sttd"
class="ttee"
class="eett"
6.[target=_blank]
a标签中有target =_blank的选中
7.input[type="button"]
以上这篇全面了解css 属性选择器就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。
更多全面分析css属性选择器相关文章请关注PHP中文网！
