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>

  1. repeat typed, don't change typing this
.withborders table.withoutborders tr td {    border:0px } 
  1. avaoid !important in css. it's not good.

Comments

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

python - serve multiple gunicorn django instances under nginx ubuntu -

module - Prestashop displayPaymentReturn hook url -