CSS与DRY

Question

您正在创建HTML布局.让我们假设您不需要多个样式表的好处,HTML大小的小幅增加不是一个问题,并且您有一个只使用一次的样式.我经常赞成在这里使用内联样式,因为我将CSS类名称或ID的重复视为您当前不需要的抽象成本,并且可能永远不会使用.

如今标准学说总是使用语义标记和CSS样式创建HTML布局,所以我在这里遗漏了什么？请让我知道你的想法.

Answer 1

即使你只使用一种特定的风格,仍然有利于保持其他风格,而不是内联.首先,关注点的分离导致可维护性的提高.如果您知道自己只是进行了样式更改,那么只需一个地方即可查找任何更改.另一个好处是必须输入类名的自我文档.通过赋予该样式一个名称,即使它被使用一次,它使下面的语义代码更具说明性 - 你可以读到,这不仅是p一个段落,它也是intro段落.

当然,这是假设您再也不会使用该特定样式.如果你可能有更多理由将它分解为命名样式.内联样式不是邪恶的,但它们在某种程度上是一种门户药物.

Answer 2

理想情况下,你的CSS应该是"面向对象的"(至少,像CSS那样可以是OO).您应该从设置公共属性的类"继承"并在定义可在其他地方使用的属性时创建新类.

看看正在试图支持这些原则的OOCSS项目(或者重新引入它们).

要引用 Welbog:

......在我看来,"OOCSS"只是一种不随便写的CSS.与在OO语言中编写非面向对象设计的方式大致相同,您可以轻松搞乱创建CSS的基本理念.OOCSS似乎在说,"让我们不要搞砸了,伙计们."