Question

场景：我创建了一个名为 pbox 的类，它具有自己的边框，背景和阴影等，以包装产品图片和标题。我对最新新闻使用完全相同的样式来显示最新新闻图像和标题。当我查看网站时，我决定编辑最近新闻的背景颜色（不适用于产品）。当项目很大时，我可能会忘记 pbox 也用于产品。您如何处理这种情况？

1-为每个不同系列的对象产生新的类名吗？当您有20种不同类型的带有图像和标题的内容时，是否会创建20个类似的类？

2-当我在编辑现有课程时会产生一个新的课程名称，而使旧课程保持不变吗？（即使没有在其他地方使用它；您如何确定是否在其他地方使用了该类？）那么，您的项目中是否有很多未使用的类？

Answer 1

您可以使用其父类来处理这种情况

这里产品和新闻版块的加权版块类别均相同pbox

通过调用新闻块.news的父级，您可以编辑其子级的背景

.pbox{
 width:50px; 
 height:50px; 
 background:green; 
 border-radius:7px;
 }

.news .pbox{
background:red; 
margin-left:15px;
}

div{float:left;}

<div class="products">
  <div class="pbox">
    </div>
  </div>

<div class="news">
  <div class="pbox">
    </div>
  </div>

如何管理旧的CSS类？

1 个答案: