html - 为子元素中的多种类型高效组合 CSS 选择器

Question

如果我想为所有 <input type="submit"/> 设置样式在 <div class="control-group control-connected"> 内在 <form> s，我可以应用这种类型的选择器:

form div.control-group.control-connected input[type=submit]{}

但是，假设我还想设置 <button> 的样式这些类型的 div 中的元素也是如此。

有没有比这样做更有效的方法？

form div.control-group.control-connected input[type=submit],form div.control-group.control-connected button

这个实现看起来很罗嗦，而且也很多余，难道我不能做这样的事情吗？

form div.control-group.control-connected (input[type=submit], button)

Answer 1

较短的方法是对具有共同样式的元素使用类名。