css选择器权重问题

nth-child 选择器权重是不是大于class选择器在同一父元素元素下 而兄弟选择器权重小于class选择器 是这个样子吗

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

选择器权重值比较：
！important infinity 无穷大
行间样式 1000
id 100
class|属性选择器|伪类 10
标签选择器|伪元素 1
通配符 0
比较一下应该就可以了。

希望对题主有所帮助！可以的话，帮忙点个采纳！