CSS快捷类

时间:2012-04-14 03:03:42

标签: css class shortcut shorthand

我不知道这是不是我的无能,但我经常最终为需要特殊处理的元素编写内联样式,如:

<div class="asd" style="float:right;"></div>
<a class="asd" href="#" style="font-weight:bold;"></a>

我觉得使用像这样的快捷类

会更容易实现
<div class="asd right"></div>
<a class="asd bold"></a>

所以我想知道它是否为这种场合制定这种快捷类规则的普遍和公认的做法?对我来说似乎会这样,这引出了我的实际问题:这些快捷方式规则是否有任何库?所以我可以放入一个css文件,随身携带这些快捷方式。如果不是,我想我可以自己制作,但我真的想知道它是否真的是被接受的做法还是有缺点?也许所有这些规则甚至可以遵循!important并且具有某种前缀以避免碰撞。

1 个答案:

答案 0 :(得分:1)

不,这是一个糟糕的主意。

您具体是not using semantic labeling of your content

总结为什么这很糟糕:CSS的一个主要好处是能够在不改变内容的情况下改变整个网站的外观。如果您将演示文稿混合到您的内容中而不是使用描述其内容的类进行注释,则无法在不编辑HTML的情况下调整视觉效果(否则,如果您决定使用.right { font-weight:bold; float:left }之类的内容,则最终那些&#34;那些项目&#34;应该如何出现。