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