在 wordpress 上更改 font-size 的 <li>

Question

我正在 wordpress 主题网站上添加一些页面。有一个包含 3 列的 table：第一列是标题（较大的字体）。

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

即使它在 JSFIDDLE 上工作正常 font-size 第一列在 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

我认为你从上层元素继承了样式，请与开发人员核实。浏览器中的工具。您还可以尝试为以下内容设置内联样式：

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

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

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

在 wordpress 上更改 font-size 的 <li>

Changing font-size of <li> on wordpress

css

wordpress

html-lists