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

更短的方法是对共享共同样式的元素使用类名称。