html - 定位多个元素，每个元素都拥有相同的类

Question

所以我基本上想做

table.mobile, td.mobile, tr.mobile {
    some css
}

有没有办法做到这一点而不必指定每个元素的类？

类似的东西

(table, td, tr).mobile {
    some css
}

Answer 1

还没有。 CSS 选择器级别 4 指定 :matches()但是浏览器还不支持它。

Firefox 和 Chrome 目前支持实验性前缀伪类 :-moz-any 和 :-webkit-any 因此对于这些浏览器，您可以编写

:-moz-any(table, tr, td).mobile { 
  display:inline-block; 
  border-width: 1px; 
  border-style:solid; 
  padding:3px 
}
:-webkit-any(table, tr, td).mobile { 
  display:inline-block; 
  border-width: 1px; 
  border-style:solid; 
  padding:3px 
}
table { border-color:blue; }
tr { border-color:green; }
td { border-color:red; }
p { border-color:black; }

<table class="mobile">
<tr class="mobile">
  <td class="mobile">borders</td>
</tr>
</table>
<p class="mobile">
no border
</p>