css - 在 wordpress 上更改 的字体大小

Question

我正在 wordpress 主题网站上添加一些页面。有一个包含 3 列的表格:第一列是标题(较大的字体)。

因为它看起来更好而且编辑更容易，所以我开始使用 <ul>而不是 <td>

即使它在 JSFIDDLE 上运行良好第一列的字体大小在 wordpress 网站上不会改变。我也尝试使用 <span>而不是 <li> , 运气不好。

<table class="mytable">
<tr>
    <td width="40%">
        <span class="span-test">SpTitle</span>
        <ul>
            <li class="li-test">LiTitle</li>
        </ul>
    </td>
    <td width="30%">
        <ul>
            <li>Name 1</li>
            <li>Name 2</li>
            <li>Name 3</li>
            <li>Name 4</li>
            <li>Name 5</li>
            <li>Name 6</li>
        </ul>
    </td>
    <td width="30%">
        <ul>
            <li>Spec 1</li>
            <li>Spec 2</li>
            <li>Spec 3</li>
            <li>Spec 4</li>
            <li>Spec 5</li>
            <li>Spec 6</li>
        </ul>
    </td>
</tr>

Answer 1

我认为你从上层元素继承了样式，请与 dev 核对一下。浏览器中的工具。您还可以尝试为以下内容设置内联样式:

<li style: "font-size: 22px;">Name 1</li>

或者在您的 css 文件中添加 !important，如下所示:

td > ul li
{
    font-size: 22px !important;">
}