html - 文字装饰 : none using table --having trouble

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 应用于 anchor 标记。

通常 anchor 标签的颜色是'紫色'(#0000EE;)，如果你看到任何地方，
例如:google 搜索结果所有链接都包含紫色链接。

如果我们应用 color: 'inherit'，父级的颜色将应用于覆盖默认颜色的 anchor ，如果它也不是黑色，您可以显式声明 color: 'black ' 到那个 anchor 。

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>