CSS选择器的权重问题

CSS选择器的权重问题。
微尘笔记：
如果权重相同，谁离得近，谁的样式就被应用
!important 权重最高100000
内联样式 权重最顶 1000
id选择器 100
类选择器 10
属性选择器 10
伪类选择器 10
各种伪元素 1
标签选择器 1

相邻选择器：选择器+选择器 拆分两个选择器之后再计算
亲子选择器：选择器>选择器 拆分两个选择器之后再计算
后代选择器：选择器 选择器 拆分两个选择器之后再计算


效果：