公共类划分问题

老师，你好，慕云游我是先自己写的，再看视频的，其中在公共类的划分上，我与老师处理方式不一样，我想请老师帮我参考下我这么划分是否规范，代码维护上是否存在隐患？

我卡片的公共类是放在li里，就是公共类不是放在父盒子里，而是哪个子盒子样式一样，就设置个相同类，同时css里书写这个类时，不加父盒子， 直接就是 ul.piccardbox  li.piccard{}这样，然后无论哪个section 里面 都直接复用这个卡片，同时，如果需要不一样的样式，可以层叠

例如 新鲜甩尾section  .xxsw  ul.piccardbox  li.piccard{}  ,这个权重 大，相同的属性都可以覆盖。

所以卡片我定义了3种公共类

/* section上图下文卡片样式 */

/* section遮罩卡片样式 */

/* section查看更多卡片样式 */

/* section的标题都一样*/

然后不同的section 样式里 再书写需要个性的样式（权重大，可以层叠），我觉得这样能减少不少代码量。

如果在section 位置定义公共类，那就得保证这个公共类里的属性必须完全公用的，如果css属性相同，因为权重一样，在section个性类里 覆盖不了了。