Question

我在wordpress主题网站上添加了一些页面。有一个包含3列的表格：第1列将是标题（更大的字体）。

由于它看起来更好，编辑更容易，我开始使用<ul>代替<td>

即使它在JSFIDDLE上工作正常，第1列上的字体大小也不会在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;">
}

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

1 个答案: