css - 我可以使这个 CSS 更简单以避免重复父选择器吗？

Question

我遇到的一个常见模式如下:

form.request input {
    /* ... */
}

form.request input[type="text"] {
    /* ... */
}

form.request select {
    /* ... */
}

form.request br {
    /* ... */
}

我有几行以相同的选择器 (form.request) 开头，我想选择不同的子项。我能否以一种更简洁的方式完成此操作而无需重复(最好不要像 LESS 这样的额外依赖项)？

相关问题-如果以上所有评论都包含相同的样式，我可以做得更好吗:

form.request input, form.request input[type="text"], form.request select, form.request br {
    /* ... */
}

Answer 1

不，你不能。但是，如果您想减少打字并使样式表更具可读性，请考虑使用 SCSS .