Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
Html 当使用较少时,使用多个mixin而不是多个选择器是否有任何缺点?_Html_Css_Performance_Less - Fatal编程技术网

Html 当使用较少时,使用多个mixin而不是多个选择器是否有任何缺点?

Html 当使用较少时,使用多个mixin而不是多个选择器是否有任何缺点?,html,css,performance,less,Html,Css,Performance,Less,从页面速度/性能的角度来看,哪种方法更好 例如: <a class="btn btn-success btn-lg btn-block"> 使用几个mixin创建一个新类会更好吗 <a class="btn-home"> .btn-home { .btn; .btn-success; .btn-lg; .btn-block; } .btn主页{ .btn; .btn成功; .btn lg; .btn块; } 从枯燥的角度来看,

从页面速度/性能的角度来看,哪种方法更好

例如:

<a class="btn btn-success btn-lg btn-block">

使用几个mixin创建一个新类会更好吗

<a class="btn-home">

.btn-home {
    .btn;
    .btn-success;
    .btn-lg;
    .btn-block;
}

.btn主页{
.btn;
.btn成功;
.btn lg;
.btn块;
}
从枯燥的角度来看,这似乎更好,并且可能对性能有好处


从页面速度/性能的角度来看,多个选择器可能会因为强制浏览器执行更多工作而变慢。页面速度是否有任何改进,以减少使用量?

恐怕没有一个明确的答案,这完全取决于您的工作流程风格、您的具体需求等。这对本网站来说不是一个好问题。性能在哪方面?CSS渲染?少编译?你把它和什么比较?严格地说,这四个规则集调用在许多情况下并不一定会创建一个与
class=“btn btn success btn lg btn block”
相同的样式。