Question

I m 建造一个在无序清单内没有排序的航海。我怀疑,主要无次序名单的捆绑与次名单混在一起,反之亦然。也许我的遴选人不是最好的。可在以下网址看到导航:。 http://jsfiddle.net/W3Dzd/。

我提出的两个问题是,1)“独特”下的第1项项目比其他项目小,即箱子的隔.。 (2) 绕过后,“特殊”的次级导航线项目“mantels”封建案文在“特殊”下,在被 h后不会改变肤色。

难道有人会把他指向这里? 是否有更好的选择使用?

Answer 1

第一个问题源自规则:

.subnav li:first-child > a {
    padding-bottom: 2.5px;
}

我不理解目的,但去除这一问题。

第二项问题源自这一规则:

.navigation li:first-child + li + li:hover > a, .navigation li:first-child + li + li + li + li + li + li:hover > a {
    color: white;
}

它使“mantels”案文保持白色,因为规则具体规定了任何<条码>a,即直系儿童<条码>/条码>,该编码为第三或第七条连续的<条码>li。持有<代码>navigation。现在,在<代码>后插入“>> ;> navigation ,以解决这个问题,但我建议另一种办法:

而不是在顶级<条码>内提供<条码>/代码>。 a 类别,将这一类别列入li本身。然后,你就能够有更简单的规则。

.navigation li.has-subnav:hover {
    background: #80A353;
}
.navigation li.has-subnav:hover > a {
    color: white;
}

希望这一帮助! 我也要考虑只是利用边界,在亚纳夫项目之间而不是在背景图象上进行分离。