1
我是新来less减：查找列的索引和应用样式
我所试图实现的是，我想给一类th元素，然后要应用同一样式的所有td与th具有相同的索引。所以基本上我试图找出th的索引，以便我可以使用:nth-child()作为该索引。
这是可能的更少？
编辑
所以我想实现这样的
td:nth-child(@index_of_th_with_particular_class)
{
}
A
回答
0
希望你的意思是这样，请大家看看sample pen
CSS & HTML
table {
border-collapse: collapse;
}
td {
padding: 5px;
border: 1px solid #ddd;
}
tr:nth-child(3) td {
background: yellow;
}
tr:nth-child(4) td:nth-child(5) {
background: red;
}<div>
<table>
<thead></thead>
<tbody>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
<tr>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
<td>Test data</td>
</tr>
</tbody>
</table>
</div>LESS
table {
border-collapse: collapse;
}
td {
padding: 5px;
border: 1px solid #ddd;
}
tr {
&:nth-child(3) {
td {
background: yellow;
}
}
&:nth-child(4) {
td {
&:nth-child(5) {
background: red;
}
}
}
}
你的意思是写像选择第'：第n个孩子（1），TD：第n个孩子（1）{颜色：红色; }'？我不太明白这个问题。你可以添加一个你需要输出的例子吗？ – Harry
@Harry - 我已经更新了我正在查找的内容的问题 –
不能这样做，因为编译器在编译时不会对HTML结构有任何线索。 – Harry