テーブル内の<tr>をHTMLで透過的にする方法は？

Question

私は背景色のテーブルを持っています。しかし、私はそのテーブルのTRを透明に保つように努めていました。私はbackground-color:transparentを使ってみました。私は!importantを使用しました。まだ仕事はありませんでした。誰かが私が間違っている場所を提案してもらえますか？

以下は私のコードです。

<table style="background: #EAE9E6 100%; width:30%;"> 
 
    <tr style="background: transparent !important;"> 
 
    <td> 
 
    </td> 
 
    <td> 
 
     <b>Yes</b> 
 
     <b>No</b> 
 
     <b>All</b> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <input type="radio" checked="checked" name="Frog" value="0" /> 
 
     <input type="radio" name="Cat" value="0" /> 
 
     <input type="radio" name="Goat" value="0" /> 
 

 
    </td> 
 
    </tr> 
 
</table>

Answer 1

あなたは「オーバーライド」の背景には、それはカットスルー "する親要素に適用することはできません。

が最初のものではないのすべての行に背景を適用する必要があります。

table tr:not(:first-child) { 
 
    background: red; 
 
}

<table style="width:30%;"> 
 
    <tr> 
 
    <td> 
 
     <b>Yes</b> 
 
     <b>No</b> 
 
     <b>All</b> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <input type="radio" checked="checked" name="Frog" value="0" /> 
 
     <input type="radio" name="Cat" value="0" /> 
 
     <input type="radio" name="Goat" value="0" /> 
 

 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <input type="radio" checked="checked" name="Frog" value="0" /> 
 
     <input type="radio" name="Cat" value="0" /> 
 
     <input type="radio" name="Goat" value="0" /> 
 

 
    </td> 
 
    </tr> 
 
</table>