Question

如果<th>中有<tr>个<tr>，可以在第一个<thead> table tr:first-child th:first-child处应用规则吗？

我做了：

<tr>

但是如果只有1 {{1}} ti适用。

Answer 1

您可以使用:not()和:only-child选择器的组合，如下所示：

tr:first-child:not(:only-child) th:first-child {
    color:red;
}

代码是相对自我解释的，它只会影响第一个孩子，如果它不是唯一的孩子。

DEMO

它有相对较差的support，如果你需要支持IE8或更低版本，你可能需要javascript polyfill来弥补它。

Answer 2

如果不使用css class，我认为这是不可能的。如果你动态创建tr。我建议如下：

if(condition for rows > 2) {
    <tr><th class="applyCSS"></th><th></th></tr>
    <tr><th></th><th></th></tr>
    ......
}
else {     //only one tr
   <tr><th></th><th></th></tr>
}

<强> CSS：

applyCSS { .... }

css：如果有2，则首先应用规则

2 个答案: