元素选择器其实是属性选择器的特例,属性选择器一共有如下几种语法格式。

E{}:指定该css样式对所有E元素器作用。

E[attr]{}:指定该css样式对具有sttr属性的E元素起作用。

E[attr=value]{}:指定该css样式对所有包含sttr属性,且attr属性为value的E元素起作用。

E[attr~=value]{}:指定该css样式对所有包含attr属性,且attr属性的值为以空格隔开的系列值,其中某个值为value的E元素起作用。

E[attr|=value]{}:指定该css样式对所有包含sttr属性,且sttr属性的值为以连字符分隔的系列值,其中第一个值为value的Tag元素起作用。

E[att^="value"]{}:指定该css样式对所有包含sttr属性,且attribute属性值为以value开头的字符串的E元素起作用。

E[att$="value"]{}:指定该css样式对所有包含sttr属性,且sttr属性的值为以sttr结尾的字符串的E元素起作用。

E[att*="value"]{}:指定该css样式对所有包含sttr属性,且sttr属性的值为包含value的字符串的E元素起作用。

上面这几个选择器匹配规则越严格优先级越高。