列表样式图像不起作用 [英] list-style-image is not working

问题描述

我正在尝试创建自定义项目符号点，但它不起作用。

I am trying to create custom bullet points and it is not working.

这是我的HTML。

<div id="services">
    <ul id="serviceText">
        <h2 id="serviceHeader"><strong>Services I Offer:</strong></h2>
        <li>Intros</li>
        <li>Transitions</li>
        <li>Lower Third Titles</li>
        <li>Web Page Design</li>
        <li>and more...</li>                        
    </ul>
</div>

这是我的CSS

ul#serviceText {
    list-style-image: url(images/checkmark.gif);
    font-size: 14px;
    float: right;
    padding-top: 5px;
    color: white;
}

我的网站位于xdtrammell.com/lol，如果它可以帮助您查看我的所有代码。

推荐答案

将选择器更改为 ul＃serviceText li 。另外请记住，您不能在 ul 中包含 h2 元素。无效的html。

change your selector to ul#serviceText li. Also keep in mind that you can't include h2 element in ul. Is not valid html.

这篇关于列表样式图像不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！