html - 逗号分隔的选择器

Question

我很难解释我想做什么。这是我的 CSS 代码:

div#addannouncmentdiv form button,input,textarea{
    width:50%;
}

但由于某些原因，输入和文本区域甚至不在 div#addannouncmentdiv 表单 中仍然具有 50% 宽度属性。我知道我可以做到这一点:

div#addannouncmentdiv form button,div#addannouncmentdiv form input,div#addannouncmentdiv form textarea{
    width: 50%;
}

但是有没有比每次都写div#addannouncmentdiv form更短的方法呢？

Answer 1

当前版本的 CSS 无法做到这一点。您正在寻找的是像 SaSS 或 LESS 这样的 CSS 预处理器。

SaSS/更少

div#addannouncmentdiv form {
    button, input, textarea {
        width: 50%;
    }
}

编辑:

正如@Mr.Alien 所说。这可以清理到:

#addannouncmentdiv {
    button, input, textarea {
        width: 50%;
    }
}