html向css传值

当两个div的大部分css属性都是一样的，但有一小部分的差异需要手动去调整时，大多数情况下将特殊的属性分开成几个单独的class然后分别引入就可以了。不过当特殊元素在伪类里，这个通用的方法似乎就有些无解了（只是我不知道，有相应的解法求评论区告知）。

我尝试着搜索相关的解决办法，遇到最接近的方法是：

和

正当我以为用这个就能很轻易的写出自己想要的效果是我发现我错了，attr属性不知为何就是不能作用在width属性上（可能是写法有误，同求评论区告知），而var也不知如何从html结构中引入。最后误打误撞试出了这样一个方法成功实现需求，故在此记录。

实现效果：