html - CSS Specificity - 无法进入正题

Question

伙计们谁能告诉我为什么我不能删除 list-style-type来自 <ul>下面使用 html 下面定义的特异性。

<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; 强制执行它。