li是内联工作但不是其他工作

Question

我的HTML是

<div id="heading1">
    <ul class="heading">
        <li>Geelong</li>
    </ul>
</div>

和css是

.heading {
    font-size: 24px;
    text-align: center;
    list-style-image: url('img/stationary/marker.png');
}

如果我使用内联css，它可以工作，但不是。

Answer 1

使用该代码：

<div id="heading1">
    <ul class="heading">
        <li>Geelong</li>
    </ul>
</div>

.heading{
    font-size: 24px;
    text-align: center;
    list-style-image: url('https://www.google.fr/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png');
}

该列表正确显示Google徽标作为项目符号。您的问题似乎是图片的网址错误。您可以验证它是否指向存在的图像（认为它是相对链接）