CSS ul li bullet消失 [英] CSS ul li bullet disappear

问题描述

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

ul and li in my webpage not work at all. here is my 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

this is my 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;  

有人可以帮我弄清楚吗?谢谢

could anyone help me to figure it out ? thank you

推荐答案

ul可能设置为list-style: none，尽管由于默认的左边距和/或填充，项目符号很可能消失了已被删除.如前所述，您也需要发布CSS，或者最好发布一个演示问题的工作示例.

It could be that the ul is set to list-style: none, although it's more likely that the bullets have disappeared because the default left margin and/or padding has been removed. As noted, you need to post your CSS too, or preferably a working example that demonstrates the issue.

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

In normalize.css, line 270, you have this rule:

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

那是隐藏您的要点.您可以摆脱第二个列表项规则，或使用以下命令覆盖它:

That is hiding your bullet points. You can either get rid of that second list-item rule, or override it with this:

#test li {list-style: disc;}

这篇关于CSS ul li bullet消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！