如何在CSS声明后覆盖？

Question

我想覆盖css中:after声明中的某些属性。

.common-css{
     /*Some common css declation*/
}

以上css类具有与以下box1和box2类相同的内容。我不知道如何在box1和box2中使用.common-css类。以及如何覆盖符合css类的属性right。

请告诉我如何在.common-css选择器中使用课程:after而不是声明，并覆盖某些属性，例如right: px; ..

请告诉我如何有效地做到这一点..

请

#box1:after{

    /*Some common css declation*/
    right: 24px;

  }


#box2:after{

    /*Some css declation*/
    right: 30px;

  }