html - 放置在表格中时如何保持类样式？

Question

放入表格后如何保持以下“MyDiv”样式？当它 (div class="MyDiv") 在表格中时，字体类型和大小会发生变化。

<table>
  <tr>
    <td><div class="MyDiv">Text Here</div></td>   <!-- Loses own defined style when place in a table -->
    ...more cols..
   </tr>
</table>

table {font-family: Calibri;...}
.MyDiv, MyDiv {font-family: Verdana;...}

抱歉，我会被 mock ，因为我不懂 HTML。谢谢

Answer 1

首先，如果您使用的是 div，则不需要使用表格。您可以设置 div 的样式使其像表格一样工作，而且它在浏览器上更轻巧。只需向表格添加样式，无论是内联的还是在 css 中，表格中的 div 都应该继承父样式。

<table class="MyDiv">

或

<table style="CSS_DEFINITION">

如果这仍然给你的 css 带来麻烦，也许你定义了其他样式，我会说使用像这样的显式定义:

.MyDiv.div { DEFINITION }

希望对你有帮助