Css3属性选择器

Css3属性选择器

E[attr=“value”] 指定了属性名和该属性的属性值
E[attr~=“value”] 指定了属性名,并且属性值列表中含有"value"值
E[attr^=“value”] 指定了属性名,并且属性值以"value"开头
E[attr$=“value”] 指定了属性名,并且属性值以"value"结尾
E[attr*=“value”] 指定了属性名,并且属性值中包含了"value"
E[atte|=“value”] 指定了属性名,并且属性值以"value-"开头

下面通过具体的例子来了解一下





属性选择器
 

 
 

"qz b">乔治

"pq">佩奇

"pf b">猪爸爸

"pm g">猪妈妈

"b-pg">猪爷爷

"sx">苏西

"rbe">瑞贝尔

"dn b">丹尼

"dm g">丹美

结果如图所示:
Css3属性选择器_第1张图片

一定要动手实现代码块,才能更好的理解

你可能感兴趣的:(css,html)