逗号分隔的选择器

Question

我有点难以解释我想做什么.这是我的CSS代码:

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

但由于某种原因,输入和文本区域甚至不在div#addannouncmentdiv form仍具有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/LESS

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

编辑:

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

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