CSS 快捷方式类

Question

我不知道这是否只是我的无能，但我经常为需要特殊处理的元素编写内联样式，例如：

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

Answer 1

不，这是个糟糕的主意。

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

这不好的原因总结：CSS 的主要优点之一是能够在不更改内容的情况下更改您在整个网站上的外观。如果您将演示文稿混合到您的内容中，而不是使用描述它的类来注释它，那么您永远无法在不编辑 HTML 的情况下调整您的视觉效果（否则，如果您决定“那些项目”应该出现）。