/*myFont: is a mixin, simpar to a function which return a set of css property configured dynamically*/ /* line 14, ../sass/my-style.scss */ table.ts-student-table .headertext { font-weight: bold; } /* line 17, ../sass/my-style.scss */ table.ts-student-table thead { background: black; color: #fff; } /* line 24, ../sass/my-style.scss */ table.ts-student-table tbody tr.even { font-family: Georgia; font-size: 10px; color: blue; background: #ffcc00; } /* line 28, ../sass/my-style.scss */ table.ts-student-table tbody tr.odd { font-family: arial; font-size: 10px; color: red; background: gray; }
<table class='ts-student-table'> <thead> <tr> <th>NAME</th> <th>ROLL</th> <th>MARK</th> <th>COUNTRY</th> </tr> </thead> <tbody> <tr class='odd'> <td>Sandeep</td> <td>001</td> <td>235</td> <td>India</td> </tr> <tr class='even'> <td>John</td> <td>002</td> <td>335</td> <td>US</td> </tr> <tr class='odd'> <td>Stephen</td> <td>003</td> <td>135</td> <td>UK</td> </tr> <tr class='even'> <td>Philip</td> <td>004</td> <td>139</td> <td>Germany</td> </tr> <tr class='odd'> <td>Sandeep</td> <td>001</td> <td>235</td> <td>India</td> </tr> <tr class='even'> <td>John</td> <td>002</td> <td>335</td> <td>US</td> </tr> <tr class='odd'> <td>Stephen</td> <td>003</td> <td>135</td> <td>UK</td> </tr> <tr class='even'> <td>Philip</td> <td>004</td> <td>139</td> <td>Germany</td> </tr> <tr class='odd'> <td>Sandeep</td> <td>001</td> <td>235</td> <td>India</td> </tr> <tr class='even'> <td>John</td> <td>002</td> <td>335</td> <td>US</td> </tr> <tr class='odd'> <td>Stephen</td> <td>003</td> <td>135</td> <td>UK</td> </tr> <tr class='even'> <td>Philip</td> <td>004</td> <td>139</td> <td>Germany</td> </tr> </tbody> </table>