css - Removing table border which is inside a cell -
i have table inside table, want remove border cells of child table(around , b). below source code this.
<style> .withborders tr td{ border: 1px solid black !important ; } .withborders table.withoutborders tr td { border:0px } </style> <table class="withborders"> <tr> <td> <table class="withoutborders"> <tbody> <tr> <td>a</td> <td>b</td> </tr> </tbody> </table> </td> <td>c</td> </tr> <tr> <td>d</td> <td>e</td> </tr> </table>
the problem isn't working, have tried many changes child table's css selector unable override parent table css property.
could please advice on this? note: can not make changes parent table css selector.
.withborders tr td{ border: 1px solid black; } .withborders tr td table tr td { border:none; }
<table class="withborders"> <tr> <td> <table class="withoutborders"> <tbody> <tr> <td>a</td> <td>b</td> </tr> </tbody> </table> </td> <td>c</td> </tr> <tr> <td>d</td> <td>e</td> </tr> </table>
- repeat typed, don't change typing this
.withborders table.withoutborders tr td { border:0px }
- avaoid !important in css. it's not good.
Comments
Post a Comment