css - 在具有较少不良做法的类中附加类名吗？

Question

看看这个 LESS 代码：

#navbar {
    color: #fff;
    &Logo {
        color: #000;
        &:hover { color: #000; }
    }
}

...输出：

#navbar {
    color: #fff;
}
#navbarLogo {
    color: #000;
}
#navbarLogo:hover {
    color: #000;
}

上面的代码可以正常工作，但是 LESS 以这种方式组合类名或扩展类名是不好的做法吗？

另一个例子，如果你有.button, .button-error, .button-success, 或者它会在主LESS 调用.button-error-true下全部保护？.button

score 1 · Accepted Answer

我认为，如果您所做的只是更改样式属性的值，就像在您的示例中那样，那么如果您只是创建每个单独的样式 ID、类或元素，那么阅读 .css 文件可能会更容易——就像它读取的那样在您的“输出”示例中。

但是，如果您想添加属性（同时使用与之前相同的属性），例如：

navbar {
    background-color: #000000;
    &Logo {
        color: #ffffff;
        &:hover { text-decoration: none; }
    }
}

我会说那会更有用。我的不是一个很好的例子，但是一旦你开始考虑具有多个属性的类/id - 想想如果你有 9、10 甚至更多 - 这就是这种技术变得有用的地方 - 不必为每个重复每一个class/id 只是另一个的扩展，我认为 LESS 开始变得非常有用。

只是我的意见 - 希望它有助于您的项目考虑。

1 回答 1