English 中文(简体)
B. 基础设施维修改造的工具和技术
原标题:Tools and techniques for refactoring CSS
  • 时间:2010-11-27 11:13:34
  •  标签:
  • css

我需要更普遍地这样做,但目前一个很好的例子就是我的两个人。 我有两门菜单,horizontal-menu-menu,还有两套规则,如ullia。 其中许多规则具有共同之处,例如color。 页: 1 我愿将共同的规则和价值重新归入一个称为menu的超级类别,并在我的<代码>/horizontal-menu和上只具有高于一切的价值。 是否有工具(除提出这一问题的工具外)来帮助我这样做?

最佳回答

这类问题的最佳工具是:Compass,这是一个界定规则的框架,然后将这些规则汇编成用于生产。 它使你能够以与必要语言一样的方式界定变量。

它还有其他有用的概念,例如mixins,这些概念允许界定一套将定期共同使用的特性,这样你就可以将这种特性纳入多种标准的核心安全规则。 权力是,你可以把这种混为一谈,改变财产,并将这种变化传播到使用混合剂的任何中央支助事务规则中。

我发现了“快乐”,并学习如何使用,请上。 Chris Coyier,http://csss-tricks.com”rel=“nofollow”

The only problem in this case (and most cases in fact) is that you really have to start from scratch with Compass, or find a way of integrating its work-flow into your existing one.

问题回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...