html - 逗号分隔的选择器

我很难解释我想做什么。这是我的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短的方法呢？

最佳答案

你问题中的第二个例子是正确的：

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

事实上，以下几点也一样好：

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

如果将类添加到<form>中，例如：

<form class="aad">

然后您可以简单地使用：

.aad button,.aad input,.aad textarea {
width: 50%;
}