Question

Example HTML:

<div class="border-1 bg-2 color-1 font-1">
</div>

例:

/* borders */
.border-1 { border: 1px solid red; }

/* backgrounds: */
.bg-2 { background: yellow; }

/* other sections */

我认为,如果能够迅速改变多种因素的风格,例如能够改变肤色制度,将是非常有益的。

但实际上,你重新界定了超文本中的风格/ook,或者至少是其中的一部分。当然,这优于使用<代码>e属性,因为你仍然能够交换一套团体的风格。

The point is, you are defining the style-groups inside the HTML, but I learned that you should create "logical" groups inside the HTML (e.g. class="nav-item" / class="btn submit-btn") and the CSS completely applies the style and defines which elements belong together from the "stylistic" point of view (e.g. .nav-item, .submit-btn { background: red; }).

也许我完全误解这一概念。然而,我仍然不知道建设我的安保部的好办法。

Answer 1

CSS isn t object oriented. My suggestion is to forget what you ve read about "object oriented CSS" and instead focus on the problems with CSS you re trying to solve. If they are to make CSS easier to write, read and maintain, or to get more features (like CSS variables) I think Less or Sass will suit your need much better.

利用像“客观的中央支助事务”所建议的那样的中央支助事务,才导致可怕的、非主观的和毫无意义的中央支助事务,从长远来看,维持这种服务要比“普通”更容易。。如果有,那么,利用一个框架,允许你书写(描述意图而不是介绍)的语句,我的看法是好得多的。

Answer 2

This is more of a "name dropping", that an actual method. The code that you have shown is often derogatory called "enterprise css", there is no excuse for it.

更有甚者,在要素上开设多个班实际上损害了业绩。

I advice you to adhere to Mozilla s guidelines when making your CSS, which works same for other browsers, too. And make dedicated .css file with hacks for IE6, 7 and 8.

Answer 3

想法是,你在许多方面重复使用相同的课程。这两条都节省了书写和保存剪辑。而不是界定<条码>。登上<代码>但顿,其中界定了婚礼,size,background,color ,line-h8,000,font-size,font- Household and font-rights。而对于不同的纽芬兰文风格,如修改<代码>color或font-size,则有些真正小的班级。

a 适当的oo项目,我经常使用:。

但是,如果你看不出,那么就很容易将同样的财产改用在多个要素上,并附上适当的类别名称。

Answer 4

“以目标为导向的中央支助事务”实际上只是一种设计模式,用于如何从最远的中央支助事务中获取信息,基本上是同一种做法,即Jonathan Snooks打。

无论你称之为OOCSS还是SMACSS,这种做法的关键是,你创建诸如等通用标准要素。然后,可以通过在元件和(或)集装箱元件中增加课外课,以更具体的特点加强这些元件。或者,作为一种替代办法,你可以采用身份识别要素或语义课来补充自己的习俗、社会、文化权利委员会规则。

进一步读:

友情链接