在没有级联的情况下使用CSS会有任何缺点（让每个选择器完全包含其样式）吗？

Question

随着网站/应用程序的样式变得越来越复杂，样式表越来越大，我发现在某些时候，继承会增加复杂性。

您可以在长文档中上下滚动以重新构建单个元素。您还需要记住任何编辑对将从其继承的所有其他标记/选择器的后果。事情破裂了。

如果不是那样......

• 每个元素的样式都完全包含在其ID / Class
中
• 使用mixins和变量来应用重复/常用样式 （以Sass为例）

那样（我的假设）：

1. 元素将更容易，更直观。使元素看起来像某种方式的所有东西都包含在一个地方。元素可以尽可能地自定义而不会破坏其他任何东西 - 没有任何东西继承。

2. 全局样式仍然可行，也更容易。您可以定义全局变量和mixins，并根据需要使用它们。这样，任何元素都可以继承＆＃34;正是它需要什么，没有别的。

3. 可以说，由此产​​生的CSS会更大，但缩小和不断增加的互联网速度 - 这可能会导致CSS更精简。由于每个元素与其他元素完全分离（无级联），因此您可以轻松地将其删除。虽然继承我们并不总是确定删除某些东西会破坏别的东西，所以我们不断堆积东西。

我在这里俯瞰什么吗？这样做是否有任何不利之处？

Answer 1

菲利普是对的，你希望将你的字体应用到你的html主体，并为任何其他完全全局样式做类似的事情。否则，您的方法将完全有意义并大大简化您的设计，这是任何主要目标之一。