通用CSS类是错误的吗？

Question

假设我有这样的清洁剂

.cleaner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;                
}

所以我可以添加类清洁剂到我要清除浮子的所有东西.这是比添加更好的方式

<div style="clear:both;"></div>

相反,因为它并没有真正将设计与标记分开.

但是虽然这种方法可以减少一些代码重复,但它也有点打破分离设计的想法,因为我必须直接更改html.

是否可以使用这样的类并在需要的地方添加它们？或者我应该:after { ...明确地添加到我想要清除浮点数的所有内容(例如#header:after ...,#menu:after {....`)这导致代码重复,但也更加分离设计我在哪里不必直接触摸HTML.

通用类可能对javascript很有用,它可以更容易地改变样式,但是代码重复是否值得在纯HTML/CSS中分离设计的效果？

Answer 1

是否可以使用这样的类并在需要的地方添加它们？

是.我用很多不同的设计很长时间没有发现任何麻烦;-)