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會被選中