Question

任何人都可以告诉我为什么我不能使用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元素。

Answer 1

需要调用Css类.footer ul {...}，并且页脚必须实际使用它：<footer class="footer"> - 因为在IE6中，以及任何其他不了解HTML5标记的浏览器，<footer>无论您使用哪种解决方案，都会重命名为<div>，因此css选择器将不再适用...

更新：检查所有浏览器开发人员工具是否有任何内容覆盖您的风格，或尝试使用list-style-type: none !important;

强制执行此操作

Answer 2

您的示例肯定会引用无序列表而不会出现问题，实际上这两个示例都是如此。也许你还有其他相互矛盾的风格给你提供这个问题？

要查看它有效click here。 请注意，我已在其周围加上红色边框，以帮助更清晰。

CSS特异性 - 无法达到目的

2 个答案: