CSS 3对属性选择器的又增加了3种子字符串的匹配方式:
E[att^="val"]
匹配所有E元素中att属性的值以“val”开始的所有元素。
E[att$="val"]
匹配所有E元素中att属性的值以“val”结束的所有元素。
E[att*=”val”]
匹配所有E元素中att属性的值中包含字符串“val”的所有元素。
例如有XHTML结构如下:
class="content-primary"
class="content-secondary"
class="tertiary-content"
如果定义div[class^="nav"] { background:#ff0; },则
class=" nav-primary",class="nav-secondary"所在div会被选中
如果定义div[class$="primary"] { background: #CF9; },则
class=" nav-primary",class="content-primary" 所在div会被选中
如果定义div[att*="content"] { background: #0CF; },则
class="content-primary" ,class="content-secondary",class="content-secondary" 所在div会被选中