Question

我正在考虑在我的工作中使用css refacto，我想知道创建仅使用一个属性的css类是否是一个好主意（考虑最佳实践）。

一个简单的例子，以这种方式创建许多类是有用的

.center-text {
    text-align: center;
}

在这样做或使用像Knacss这样的小型lib（如果你知道的话）之间最好的是什么。

Answer 1

CSS CLASSES最大的问题：你的文件/代码内的位置!!

假设我们有这个html元素：

<div class="test altr">some text</div>

这个css文件：

.test
{
    color: red;
}

.altr
{
    color: blue;
}

将产生蓝色文本（div具有这2个类）。但是此文件将显示为红色：

.altr
{
    color: blue;
}

.test
{
    color: red;
}

css中的命令顺序由css文件决定（而不是html类属性中的顺序）

更不用说html alo中的和之间的物理顺序会影响css中命令的顺序（最后一个命令覆盖所有以前的命令）

所以..无论你做什么 - 请小心

Answer 2

我看到的一个小缺点是，由于课程堆积，HTML中的文本数量会略有增加。不是最好的SEO实践，但它是次要的。