2,根據(jù)屬性值選擇
/*[title~=hello]{color:red;} /*如果含有值 */*/
[title="world"] {color: red;} /*如果值等于*/
Hello world
Hello world
没陡。運(yùn)行效果:
3,特定屬性選擇類型
*[title|="h"]{color: red;}
當(dāng)有屬性title并且title屬性的值是以h或者h(yuǎn)-開頭的元素
E[att^="val"]影涉,選擇器匹配元素E介牙,且E元素定義了屬性att,att ??????的屬性值是以val開頭的任何字符串沮趣。
E[att$="val"],選擇器匹配元素E,且E元素定義了屬性att履羞,att的屬性值以val結(jié)尾的任何字符串。
E[att*="val"]屡久,選擇器匹配元素E忆首,且元素定義了屬性att,att屬性值任意位置包含了"val"被环。
代碼例子:
選擇器
a[class^=icon]{
background: green;
color:#fff;
}
a[href$=pdf]{
background: orange;
color: #fff;
}
a[title*=more]{
background: blue;
color: #fff;
}
運(yùn)行效果: