テキスト装飾：何もテーブルを使用していません。

Question

これはほとんどの人にとっては些細かもしれませんが、いくつかの場合は、text-decoration:noneを以下のようにテーブルセルに適用することはできません。

私のCSSで何が間違っていますか？

任意の入力が大幅にあなたは黒い色をしたい場合は、

table{ 
 
    font-size: 50px; 
 
} 
 

 
table a{ 
 
    text-decoration: none; 
 
}

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<div> 
 
    <table> 
 
    <tbody> 
 
     <tr> 
 
     <td> 
 
      <a href="http://www.google.com"><i class="fa fa-quote-left" aria-hidden="true"></i></a> 
 
      <p>Quote Master</p> 
 
     </td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div>

Answer 1

を高く評価したアンカータグにcolor: inheritを適用されます。

一般アンカータグの色は「パープル」です（＃0000EE;）あなたはどんなところを見ればは、
例：Google検索結果のすべてのリンクは紫色のリンクから構成されています。

color: 'inherit'を適用すると、親の色がデフォルト色をオーバーライドするアン​​カーに適用されます。黒でない場合は、color: 'black'をそのアンカーに明示的に宣言できます。

table{ 
 
    font-size: 50px; 
 
    } 
 

 
table a{ 
 
    text-decoration: none; 
 
    color: inherit 
 
}

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
     <div> 
 
      <table> 
 
      <tbody> 
 
       <tr> 
 
       <td> 
 
        <a href="http://www.google.com"><i class="fa fa-quote-left" aria-hidden="true"></i></a> 
 
        <p>Quote Master</p> 
 
       </td> 
 
       </tr> 
 
       </tbody> 
 
      </table> 
 
     </div>