CSS快捷类

标签 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 之后,并带有某种前缀以避免冲突。

最佳答案

不,这是个糟糕的主意。

你具体是not using semantic labeling of your content .

这不好的原因总结:CSS 的主要好处之一是能够在不更改内容的情况下更改整个网站的外观。如果你将演示混合到你的内容中而不是用描述它是什么的类来注释它,那么你永远无法在不编辑 HTML 的情况下调整你的视觉效果(否则你最终会得到像 .right { font-weight: bold; float:left 如果您决定“那些元素”应该如何显示)。

关于CSS快捷类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10150665/

相关文章:

C++ 重载指针 ostream

c++ 抽象类有问题

c# - 如何实现不按字母顺序排列的接口(interface)属性

shortcut - NetLogo - 如何快捷停止?

javascript - 消除呈现阻塞的 JavaScript 和 CSS - 需要建议

css - 将切换按钮分成多行

css - 上线 float

html - 如何将父 div 包裹在 float :left child div? 周围

java - 对包含自定义类的列表进行排序

sublimetext2 - 在 Sublime Text 中关闭所有选项卡,但不关闭窗口