复杂的CSS选择器 - 使用“和”与类选择器

Question

我想在不使用括号的情况下实现以下的等效CSS选择，因为括号不能用于更改CSS中的操作顺序。

.portion-of-html (thead,tfoot).stripe {

在英语中，具有类.portion-of-html的祖先的元素可以是tfoot元素或thead元素，也可以是类.stripe

Answer 1

如果你的重复代码你可以删除括号，它就像数学中的分配属性：

.portion-of-html thead.stripe, .portion-of-html tfoot.stripe

Answer 2

在纯CSS中我认为你只需要用逗号分隔每个案例。

.portion-of-html thead.stripe, .portion-of-html tfoot.strip {

你可能想要看一下。它非常简单，您可以像这样编写选择器。

.portion-of-html {
    styles: values; 
    thead.stripe, tbody.stripe { 
        styles: values; 
    } 
}

LESS编译为纯css。您可以使用js库在客户端上处理较少的文件，或者您可以事先处理它们并将纯CSS发送到我喜欢的客户端。

我发现less允许我以与HTML相同的嵌套/ xml样式格式构造样式。它有助于规范我的工作流程。 还有SASS，但我对此并不熟悉。