可重用性概念可以应用于CSS吗?

时间:2011-05-31 08:38:40

标签: css oop

我刚刚查看this page,并且发现CSS可以是OO(面向对象)。那么,是否有可能将OOP的可重用性概念应用于css?如果是,那么如何?

4 个答案:

答案 0 :(得分:3)

这不完全是OOP,但使用Sass,特别是它的mixins和变量,将有助于重用你的CSS。

http://sass-lang.com/

答案 1 :(得分:3)

我不知道CSS是否为OO,毕竟它甚至不是Turing-complete。 至于萨斯,它给应该保留的东西带来了复杂性,imho,一套简单的静态规则。

但你绝对可以通过CSS实现重用能力。避免与ID相关的CSS规则,因为它们不可重用,避免使用从边距到背景到字体syle的所有内容的大CSS定义,创建定义简单行为的简短CSS规则,然后通过将多个类应用于HTML元素来组合这些规则比如<span class="big emboss red">。这些规则中的每一个都具有简单明了的含义,可以重复使用。

答案 2 :(得分:2)

编写结构良好且可重用的CSS的好处是http://lesscss.org/

答案 3 :(得分:1)

在OOP意义上,CSS并不是真正的OO,但是,您可以重用CSS。我在较长的正在进行的项目中与较大的开发团队合作的情况下使用了OOCSS方法。我们尝试建立一个基础CSS框架,然后使用OOCSS构建它。

优点:

  • 开发人员,通过一些文档,可以重用CSS,而不必经常回到UI设计师为他们创建新类
  • 应该更容易维持长期
  • 通常更精简的CSS文件(因为你避免比典型的更多的一次性课程)

缺点:

  • 您的标记类属性中往往会有更多类
  • 它不是语义
  • 管理CSS的每个人都必须在船上并理解与之相关的概念(否则你最终会将你的OOCSS与一堆一次性课程混合在一起并最终造成更大的混乱)