Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS类的思维方式_Css_Refactoring - Fatal编程技术网

CSS类的思维方式

CSS类的思维方式,css,refactoring,Css,Refactoring,在我的工作中,我正在考虑css重构,我想知道创建只有一个属性的css类是否是一个好主意(考虑最佳实践) 一个简单的例子,这样创建许多类有用吗 .center-text { text-align: center; } 这样做或使用像Knacss这样的小库(如果你知道的话)之间的最佳选择是什么。我看到的一个小缺点是,由于类的堆积,HTML中的文本量会略微增加。不是最佳的SEO实践,但它是次要的。CSS类的最大问题:它们在文件/代码中的位置很重要!! 假设我们有以下html元素: <d

在我的工作中,我正在考虑css重构,我想知道创建只有一个属性的css类是否是一个好主意(考虑最佳实践)

一个简单的例子,这样创建许多类有用吗

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

这样做或使用像Knacss这样的小库(如果你知道的话)之间的最佳选择是什么。

我看到的一个小缺点是,由于类的堆积,HTML中的文本量会略微增加。不是最佳的SEO实践,但它是次要的。

CSS类的最大问题:它们在文件/代码中的位置很重要!! 假设我们有以下html元素:

<div class="test altr">some text</div>
将产生一个蓝色文本(div有这两个类)此文件将显示红色:

.altr
{
    color: blue;
}

.test
{
    color: red;
}
css中的命令顺序由css文件决定(而不是html类属性中的顺序)

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

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

.altr
{
    color: blue;
}

.test
{
    color: red;
}