问题标签 [oocss]

我有一个大型项目，通过 ITCSS 构建其 CSS 架构。总而言之，我喜欢它。但是，我在设置表单样式时遇到了一个问题。

我在元素层中设置了不同的表单元素：

在forms.scss中：

但是，如果我有一个需要不同样式的组件：

在foo_component.scss中：

由于 forms.scss 中输入类型的选择性，我的组件样式foo_component.scss不会覆盖 .scss 中的元素样式forms.scss。

我正在考虑的当前重构正在更改forms.scss为一个对象：

form_object.scss重构：

我想知道这是否是一个适当的约定，还是有更好的解决方案？

我知道 SASS/SCSS 并且我知道什么是面向对象的，但是我可以说 SASS 是一种使 CSS 面向对象的方法吗？如果我错了，请纠正我。

有什么理由为什么在css naming convention，有些人object最好以前缀开头o-并component以开头c-？

我知道o-will stand forobject和c-stand for component，但我们为什么不忽略这些规则呢？例如c-btn，为什么我们使用c-，我认为它太冗长了。代替使用某些前缀，我们可以使用btn, 简单干净，直截了当。

请各位大侠赐教。:)

我有一个具有以下样式的按钮：

我认为，使用 OOCSS 原则，我们应该将视觉与结构分开。像这样的事情（我会假设 - 如果我错了，请纠正我）：

但是如果我想对另一个按钮使用完全相同的配置，除了我想删除的浮动位置，我应该怎么做？OOCSS 不是通过耦合结构中的定位来限制吗？

我现在正在练习 OOCSS，但遇到了一个问题。

如果我想分别设计这 3 个<li>项目，我会这样做：

但是根据 OOCSS，我们应该使用 class 来设置元素的样式，例如：

现在看起来还可以，但是如果我有 10 个<li>我必须添加 10 个对我来说看起来很愚蠢的类。

我应该使用哪种风格？我可以使用除类以外的元素来基于 OOCSS 设置元素样式吗？

我正在寻找一种方法来减少我的 SASS 中的重复。我有以下声明，它嵌套在选择器中。

内部register.scss：

我想@extend在另一个 SASS 文件中的选择器中使用它，但我不确定这是否可能。

admin.scss：

当我尝试这样做时，我收到以下错误：

错误：复杂的选择器可能无法扩展。

有没有办法做到这一点？

当你想编写干净的 CSS 时，我应该使用哪一个，OOCSS 或 BEM？有什么理由让您更喜欢使用其中一个而不是另一个？

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

这是我被教导的方式

我就是这样做的

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