优先级由低到高：通用选择器(*)、元素选择器、类选择器、属性选择器、 ID 选择器、伪选择器、 内联样式。

元素选择器定义的背景是红色

类选择器定义的背景是蓝色，说明类选择器优先级高于元素选择器

ID选择器定义的背景是黄色，说明ID选择器的优先级高于类选择器

内联样式定义的背景是绿色，说明内联样式的优先级高于ID选择器

mark:first-of-type定义为紫色，id="p5"定义为黄色，说明伪类优先级高于ID选择器。
mark:last-of-type定义为紫色，内联样式定义的背景是绿色，说明内联样式的优先级高于伪类

ID选择器定义为黄色，

属性[lang^="a"]定义为灰色，说明属性选择器优先级高于类选择器
属性[lang^="a"]定义为灰色，说明ID选择器优先级高于属性选择器
属性[lang="be"]定义为goldenrod
属性[lang$="g"]定义为aqua
属性[lang*="c"]定义为coral
属性[lang*="c"]定义为coral
属性[lang~="de"]定义为darkcyan
属性[lang|="zh"]定义为orange
属性[lang|="zh"]定义为orange
属性span[mydata*="cd" i]定义为olive
属性span[mydata*="cd" i]定义为olive

类选择器a1-a11定义为蓝色，ID选择器p4定义为黄色，说明权重值ID选择器大于11个类选择器的权重之和