0

任何人都可以告诉我为什么我不能使用 html 下面定义的特异性list-style-type从<ul>下面删除。

<footer><!-- this is where the footer starts-->
        <div class="container_12">
            <div class="grid_2">
                <ul>
                    <li>
                        <strong>
                            <a href="#">test</a>
                        </strong>
                    </li>
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">Why </a>
                    </li>
                    <li>
                        <a href="#">Get Started</a>
                    </li>
                    <li>
                        <a href="#">Customers</a>
                    </li>
                    <li>
                        <a href="#">Careers</a>
                    </li>
                </ul>

footer ul {
    list-style-type:none;
    margin:0px;
    padding: 0px;
}

我也试过footer div div ul {}，但我似乎无法解决这个问题ul。

4

2 回答 2

0

需要调用 CSS 类.footer ul {...}，并且页脚必须实际使用它：<footer class="footer">- 因为在 IE6 和任何其他不理解 HTML5 标签的浏览器中，您使用的任何解决方案<footer>都会重命名为<div>，因此 css 选择器不会应用任何更长...

更新：如果有任何东西覆盖了您的样式，请检查任何浏览器开发人员工具，或者尝试使用list-style-type: none !important;

于 2012-06-05T02:11:09.380 回答
0

您的示例肯定毫无问题地引用了无序列表，这两个示例实际上都是如此。也许您还有其他相互冲突的风格给您带来问题？

要查看它的工作情况，请单击此处。请注意，我在它周围放置了一个红色边框以帮助使其更清晰。

于 2012-06-05T02:14:30.963 回答