CSS - 为什么 IE6 不遵循这个 css 规则 li.class?

标签 css

我使用以下规则在 IE 访问 Web 时显示一个点。 但是,我不知道为什么 li.iedot 不适用于 IE6.0。换句话说,所有#nav-primary li 都显示点而不是#nav-primary li 具有类.iedot。

#nav-primary li.iedot
{
    font-size:110%;
    color:#666;
    *background:url(http://static02.linkedin.com/scds/common/u/img/bg/bg_grey_dotted_h-line_3x1.png) no-repeat 0 7px;
    padding-right:2px;
    *padding-right:6px;
    *padding-left:6px;
    *zoom:1;
}

<body>
<div class="member" id="header">
 <div class="wrapper">
    <div id="nav-primary">
        <div class="wrapper">
            <ul class="nav">
                <li class="tab iedot" id="nav-primary-home">
                    <a href="#"><span>Home</span></a>
                </li>
                <li class="tab iedot" id="nav-primary-profile">
                     <a href="#"><span>Profile</span></a>
             </li>
                <li class="tab" id="nav-primary-about">
                     <a href="#"><span>About</span></a>
             </li>
             </ul>

        </div>
    </div>
 </div>
</div> 
</body>

1> 如何解决?或者 IE 无法做到这一点。

2> 哪里可以找到表明 IE 支持哪些 css 功能的网站?

谢谢

最佳答案

Quirksmode by ppk 是了解浏览器不一致的地方。

补充:为什么它不起作用——

我认为具有多个类的元素的 IE 6 错误可能会让您感到困惑。

通过将 html 更改为来测试这一点

                <li class="iedot" id="nav-primary-home">
       instead of 
                <li class="tab iedot" id="nav-primary-home">

如果这是问题所在,那么您只需在元素中使用一个类名。您可以发明一堆新的类名,也可以使用 iedot 类添加一个包装 div/span。

关于CSS - 为什么 IE6 不遵循这个 css 规则 li.class?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3577381/

相关文章:

html - 叠加导航项右对齐

css - 为什么 VW 装置不能在容器上产生居中结果?

使用 AJAX 时 JavaScript 打印失败

jquery - 如何在css中水平放大图像?

html - 在 flexbox 中遇到障碍,将一个 div 放在另一个下面,同时将第三个放在一边

CSS - 如何在类中选择一个 id

jquery - 使用内联代码更改悬停时的图像

Javascript 将行颜色更改回原始颜色

javascript - 如何访问元素相对于其父元素的位置

html - 使用像谷歌 Material 一样的 Bootstrap 下拉菜单问题