php - CSS ul li 元素符号消失

Question

我的网页中的 ul 和 li 根本不起作用。 这是我的index.html

<div id="main" class="core">
    <div id="background">       
    </div>
    <div id="content">
        <div id="default"><div></div></div>
    </div>
    <div id="map" class="special"></div>

</div>

这是我的page.php

// Care for the Square
case 'care-for-the-square':
    echo '
    <p>On an annual basis the Friends fund: </p>
    <ul id="test">
    <li>Landscaping</li>
    <li>Tree care</li>
    <li>Grass seeding</li>
    <li>Graffiti removal</li>
    <li>Bench repair</li>
    <li>Supplemental seasonal maintenance staff</li>
    <li>Sidewalk sweeing</li>
    <li>A dedicated park ranger</li>
    <li>Excess seasonal trash removal</li>
    <li>Holiday lights</li>
    <li>Doggie bags</li>
    </ul><br/>

    ';
    break;  

谁能帮我解决一下吗？谢谢你

Answer 1

可能是 ul 设置为 list-style: none，尽管元素符号更有可能因为默认的左边距和/或填充而消失已被删除。如前所述，您还需要发布 CSS，或者最好发布一个演示该问题的工作示例。

编辑:在 normalize.css 的第 270 行，您有以下规则:

menu, ol, ul, li {
    padding: 0;
    list-style: none;
}

这隐藏了你的要点。您可以删除第二个列表项规则，或使用以下内容覆盖它:

#test li {list-style: disc;}