0

所以我学习了 OOCSS,我发现它真的很有帮助,但是我不知道我应该将我正在处理的组件分开多少,例如我有一个按钮,我将颜色与结构分开 - 简单 - 但应该我还分开了字体大小,这样我就可以创建一个不同字体大小的按钮?还分开颜色字体?还有字体粗细?我的意思是限制是多少?限制是基于我需要的东西吗?如果这是正确的,我制作下一个徽章的方式是否正确?这是在我的徽章字体颜色总是白色的情况下

这是我被教导的方式

.badge {
  border-radius: 20px;
  font-size: 2rem;
  font-weight: 600;
  padding: 0.5rem 2rem;
  white-space: nowrap;
}
.badge-body-color {
  background-color: #00d9ff;
  color: white;/*this one*/
}
.badge-normal-color {
  background-color: #02cdf1;
  color: white;/*this one*/
}

我就是这样做的

.badge {
  border-radius: 20px;
  font-size: 2rem;
  font-weight: 600;
  padding: 0.5rem 2rem;
  white-space: nowrap;
  color: white;/*here is the change*/
}
.badge-small {
  font-size: 1.6rem;
}
.badge-body-color {
  background-color: #00d9ff;
}
.badge-normal-color {
  background-color: #02cdf1;
}

是不是因为我把颜色放在了结构里面?

4

0 回答 0