Question

所以我基本上想做

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

有没有办法在不必指定每个元素的类的情况下执行此操作？

类似

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

Answer 1

你可以使用

.mobile
{
// put css that are common to all element with class called mobile
}

Answer 2

还没有。 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>

Answer 3

＆＃13;

*.mobile{
background:#00496d;
color:#fff;
}

＆＃13;

<table style="width:100%;">
<tr height="25" class="mobile">
<td width="33%">TEXT</td>
<td width="34%">TEXT</td>
<td width="33%">TEXT</td>
</tr>
<tr height="25">
<td class="mobile">TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr height="25">
<td>TEXT</td>
<td class="mobile">TEXT</td>
<td>TEXT</td>
</tr>
</table>
<div class="mobile" style="width:100px; height:100px;"></div>

＆＃13;

尝试一次*。您的Classname或.Classname可以满足您的要求。

Answer 4

table,tr,th.mobile{
    some css
}

定位多个元素，每个元素都具有相同的类

4 个答案: