Css IE锚选择器继承

我有一些基本结构的html

<nav>
     <div>
    <a href="">
        <div class="navlink" data-link="home">
            <span class="top"></span>
        </div>
    </a>
    <div id="index-03"></div>
    <a href="">
        <div class="navlink" data-link="resume">
            <span class="top"></span>
        </div>
    </a>
        ...
     </div>
</nav>

---

在每个浏览器中，我都可以测试.navlink span的位置和颜色，但在IE中，它应用的是最高的父选择器

a{}

。这对我来说没有意义，我如何使位置和颜色应用于所有浏览器中的跨度，包括IE

IE 6-8不支持

标记。必须使用javascript代码，例如启用新html5标记的样式或坚持使用div标记。

IE 6-8不支持

标记。您必须使用javascript代码，例如启用新html5标记的样式或坚持使用div标记。

由于

是html5元素，IE6到8无法识别它。您的样式不会应用于它无法识别为真实DOM元素的元素

您需要使用诸如以下内容通知IE HTML5元素的存在

我唯一的问题是，如果禁用JS，IE会发生什么

我认为你已经完蛋了。

因为

是一个HTML5元素，IE6到IE8无法识别它。您的样式不会应用于它无法识别为真实DOM元素的元素

您需要使用诸如以下内容通知IE HTML5元素的存在

我唯一的问题是，如果禁用JS，IE会发生什么

---

我认为你当时很糟糕。

你意识到在

a

（内联元素）中嵌套

div

（块级元素）是无效的？你使用的是？@David Thomas:那是不正确的-块级

a

元素在html5中是有效的。@Nico Burns:按照@David Thomas说的做仍然不是个好主意。有些浏览器（hello Firefox）可能会表现得很奇怪。@David Thomas:他使用的是

标记，它只适用于html5，但很容易被忽略@三十点：我不知道-我从来没有遇到过任何问题，但你可能是对的@zoglib:

标记只能在html4中内联，在内联标记中包含块级标记是无效的。您知道在

a

（内联元素）中嵌套

div

（块级元素）无效？您使用的是？@David Thomas:这是错误的-块级

a

元素在html5中有效。@Nico Burns:按照@David Thomas说的做仍然不是一个好主意。有些浏览器（hello Firefox）可能会表现得很奇怪。@David Thomas:他使用的是

标记，它只适用于html5，但很容易被忽略@三十点：我不知道-我从来没有遇到过任何问题，但你可能是对的@zoglib:

标记只能在html4中内联，在内联标记中包含块级标记是无效的。禁用JS会发生什么情况。我很难检查，因为我现在在mac电脑上，无论有没有js，网站都能正常运行。我希望保持这种状态。@zobgib：发生的事情是你在应用HTML5 shiv之前看到的：应用于

nav

的样式根本不起作用。因此，现在最好使用而不是使用元素为了设计样式？@zobgib：如果兼容性+noscript支持是一个真正的问题，我会说是的。禁用JS会发生什么。我很难检查，因为我现在在mac电脑上，无论有没有js，网站都能正常运行。我希望保持这种状态。@zobgib：发生的事情是你在应用HTML5 shiv之前看到的：应用于

nav

的样式根本不起作用。因此，现在最好使用而不是使用元素为了设计样式？@zobgib：如果兼容性+noscript支持是一个真正的问题，我会说是的。

a {
    color: #000;
}

div.navlink span {
    background: red;
}

nav {
    position: relative;
    margin: auto;
    width: 1000px;
    right: 35px;
    color: #fff;
}

nav span {
    margin:auto;
    text-align: center;
    position: absolute;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

nav span.top {
    top: 45%;
    font-size: 24px;
    color: #fff;
    z-index: 50;
}

nav span.bottom {
    top: 41%;
    font-size: 16px;
    z-index: 50;
    color: #fff;
}

.navlink:hover {
    cursor: pointer;
    z-index: 50;


   color: #fff;
}