如何控制CSS中列表风格类型光盘的大小?

前端之家收集整理的这篇文章主要介绍了如何控制CSS中列表风格类型光盘的大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的HTML第一:
<ul class="moreLinks" >
    <div>More from Travelandleisure.com</div>

        <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
</ul>

我知道我可以应用字体大小非常小,所以光盘看起来正确对我,然后应用CSS到“里面的李”。但我不知道为什么这不工作的网站我工作。我不能直接控制html。

我看到,当我这样做:

.farParentDiv ul li {
    list-style: disc inside none;
}

到这里:

.farParentDiv ul li {
    list-style-type: disc;
    font-size:10px;
}

现在应用font-size到“a”后,它在Firebug中工作。但从我的css文件。我试了很多,但累了。我可以覆盖上面这在css文件,但不能改变它直接,因为我在firebug。请写什么可以是问题?

我曾经把点(。)就在链接之前,然后应用css来控制光盘大小,但正如我所说,我不能控制的HTML。

解决方法

我总是有幸运使用背景图像,而不是相信所有的浏览器解释子弹完全相同的方式。这也将给你严格控制子弹的大小。
.moreLinks li {
    background: url("bullet.gif") no-repeat left 5px;
    padding-left: 1em;
}

此外,您可能想将您的DIV移出UL。它是无效的标记,因为你现在有。如果必须在列表中包含列表头,则可以使用列表头。

原文链接:https://www.f2er.com/css/221373.html

猜你在找的CSS相关文章