在 wordpress 上更改 <li> 的字体大小

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;">
}