css - 可以嵌套 CSS 点运算符吗？

Question

我有一个 CSS 样式表如下:

.commandsTable {
    color: whitesmoke;
    background-color: black;
    margin-left: auto;
    margin-right: auto;
}

.commandsTable td {
    background-color: #039be5;
}

.commandsTable tr:hover {
    background-color: black;
}

正如您所看到的，'.commands table' 重复了两次以分别设置 td 和 tr 元素的样式。

所以...

有没有办法在 CSS 中嵌套点 (.) 运算符以防止重复输入代码？

Answer 1

您只能使用像 sass 这样的预处理器来做到这一点

在纯CSS中你不能嵌套元素