为什么list-style-type不起作用？没有显示任何东西

Question

CSS和HTML代码如下所示.我使用了eric meyer的重置脚本..我编辑了我认为相关的那个.

    /* reset CSS script */

ol, ul {
    list-style: none;
}

/* End of reset CSS script */

#navbar {
    border: 5px solid red;
    margin: -580px 0 0 160px;
    width: 1500px; 

    font-size: 26px;
    font-family: 'Conv_LITHOSPRO-REGULAR';
}
#navbar ul li {     
        display:inline;
        padding:0 35px 0 0; 
        list-style-type:disc;
        }

这是HTML代码.

        <nav id="navbar">
            <ul id="hli">
                <li id="OP"><a  href="Orders.html">Your Order</a></li>
                <li id="MP"><a  href="Menu.html">Menu</a></li>
                <li id="CUP"><a  href="ContactUs.html">Contact Us</a></li>
                <li id="JP"><a  href="Jobs.html" target="_blank">Jobs</a></li>
                <li id="TCP"><a  href="TC.html">Terms & Conditions</a></li>
            </ul>   
        </nav>

Answer 1

该list-style-type属性仅适用于元素display: list-item.因此,如果要在已转换为内联元素的列表项之前放置一些标记,则必须直接在内容中添加标记,或者通过生成的内容添加标记.例如,以下内容在每个项目前面放置一个子弹"•"和一个空格:

#navbar ul li:before {
   content: "\2022  "
}