html - 通用 CSS 类是错误的吗？

Question

假设我有这样的清洁器

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

所以我可以将 cleaner 类添加到我想要清除 float 的所有内容中。这是比添加

更好的方法

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

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

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

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

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

Answer 1

Is it ok to have classes like this and add them wherever needed?

是的。我在许多不同的设计中使用了很长时间，没有发现任何问题 ;-)