使用.less文件创建具有替代行颜色的表 [英] Create a table with alternative rows color using .less file

问题描述

<table>
<tr>
<td > Hi i am in first row first column </td>
</tr>
</table>

然后我创建.less文件

then i created .less file

body{
    background :red;
}

td{
background-color :red;
}
}

但是它没有改变列颜色。任何人都可以帮助

But its not changing the column color.can anyone help

推荐答案

你好，< br $>


只需检查奇数和偶数行中的第n个孩子

Hello,

Just Check the nth Child in odd and even rowwise

<style>
tr:nth-child(odd) {
    background: #ff0000;
}
tr:nth-child(even) {
   background: #dddd21;
}
</style>

<table>
<tr>
<td > Hi i am in first row first column </td>
</tr>
<tr>
<td > Hi i am in second row first column </td>
</tr>
</table>

这篇关于使用.less文件创建具有替代行颜色的表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！