WP表数据在移动设备上的显示方式不同

Question

我的网站上有一个表格：

    <table>
<tbody>
<tr>
<td>
<p style="text-align: center;">
some text
some text
some text
</p>
p style="text-align: center;">
<strong><span style="font-family: Arial;">SOME BOLD TEXT</span></strong></p>
<p style="text-align: center;">
some text
some text
some text
</p>
</td><p style="text-align: center;">
some text
some text
some text
</p>
p style="text-align: center;"><strong><span style="font-family: Arial;">SOME BOLD TEXT</span></strong></p>
<p style="text-align: center;">
some text
some text
some text
</p>
<td><p style="text-align: center;">
some text
some text
some text
</p>
p style="text-align: center;"><strong><span style="font-family: Arial;">SOME BOLD TEXT</span></strong></p>
<p style="text-align: center;">
some text
some text
some text
</p>
</td><p style="text-align: center;">
some text
some text
some text
</p>
p style="text-align: center;"><strong><span style="font-family: Arial;">SOME BOLD TEXT</span></strong></p>
<p style="text-align: center;">
some text
some text
some text
</p>
</tr>
</tr>
<td><p style="text-align: center;">
some text
some text
some text
</p>
p style="text-align: center;"><strong><span style="font-family: Arial;">SOME BOLD TEXT</span></strong></p>
<p style="text-align: center;">
some text
some text
some text
</p>
</td>
</tr>
</table>
</tbody>

由于某种原因，在手机上查看时，FIRST TD 的显示方式不同 => 背景是灰色的(我能够摆脱它，将style="background-color: #ffffff;"添加到第一个TD <>.我遇到的主要问题是所有文本都显示为粗体。知道我如何更改它或为什么要这样做吗？该网站是：http://www.aguaris.com/en/references-mallorca-hotels/它对网站上的所有表都做同样的事情。

Answer 1

在某处有一个内联 css，看起来像这样，并解释了灰色和粗体：

tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}

正如您所说，它仅在移动设备上发挥作用。那是因为它被封闭在

@media screen and (max-width: 600px) { ...}

如果您查看源代码，您将看到 99 到 171 之间的代码，违规部分在 116 到 128 之间。代码以一些德语注释开头。

如果您无法跟踪文件并以某种方式为其创建覆盖，您可能会发现将其放在您的样式中.css如果您不使用子主题.css则将其放在您的样式中即可完成这项工作：

@media screen and (max-width: 600px) {
tr td:first-child {background: #ffffff!important; font-weight:400!important;}
}

尽管我认为最好尝试正确处理它，

但鉴于您想为网站上的所有表更正它，而不仅仅是一个表，则最好尝试正确处理它。

有了德语评论，通过搜索站点中的代码来跟踪文件应该很容易吗？