CSS爲nth孩子（）但只有，如果還匹配一個類

-1

我在這裏看到一些類似的問題，但沒有什麼完全相同或有答案。我希望我想做的事情是可能的。CSS爲nth孩子（）但只有，如果還匹配一個類

基本上，我有一個在WordPress內部生成的頂級導航。我希望翻滾時導航項目發生某些事情，並且它們是當前菜單項。但是這些東西在每個導航項中都不相同。我有以下CSS

.responsiveSelectContainer ul li:nth-child(1) .current-menu-item, 
.responsiveSelectContainer ul li:nth-child(1) a:hover{ 
    border-bottom: solid 3px #107B7E; 
    color: #107B7E !important; 
}

（1-6六個導航項目，用不同的顏色）

的：懸停部分工作得很好，但我不能讓它使用CSS時適當的導航項目也具有當前菜單項目的類別。

我嘗試過和沒有.current-menu-item之前的空間無濟於事。我錯過了什麼？

謝謝。

添加相關的HTML（由WP生成）

<div class="nav responsiveSelectContainer"> 
    <ul id="menu-top-menu-1" class="menu responsiveSelectFullMenu"> 
     <li class="oneLineNav strategy menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-335"><a href="/strategy/">Strategy</a></li> 
     <li class="managing-change menu-item menu-item-type-taxonomy menu-item-object-category menu-item-260"><a href="/managing-change/">Managing Change</a></li> 
     <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3365"><a href="/leadership/">Leadership</a></li> 
     <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3364"><a href="/transform/">Transformation</a></li> 
     <li class="innovation-and-creativity menu-item menu-item-type-taxonomy menu-item-object-category menu-item-291"><a href="/innovation-and-creativity/">Innovation</a></li> 
     <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3369"><a href="/corporate-culture/">Corporate Culture</a></li> 
    </ul> 
</div>

再次，CSS工作的一個：懸停，只是沒有在.current菜單項

我也確定， CSS知道這是.current-menu-item通過添加它尊重的其他隨機CSS。

來源

2015-07-02 Reverend Dovie

類是對自身li，因此它需要去與li:nth-child(1)：

.responsiveSelectContainer ul li.current-menu-item:nth-child(1), 
.responsiveSelectContainer ul li.current-menu-item:nth-child(1) a:hover{ 
    border-bottom: solid 3px #107B7E; 
    color: #107B7E !important; 
}

（類選擇無論之前或之後:nth-child(1)似乎無所謂，我只是把它作爲前約定）。

如果!important只是您嘗試的剩餘部分，請務必將其刪除，如果該規則不再需要應用。

來源

2015-07-03 06:23:32 BoltClock

最後，下面的工作：.responsiveSelectContainer ul li：nth-child（1）.current-menu-item a問題是我試圖編輯li當我應該一直在工作 –

CSS爲nth孩子（）但只有，如果還匹配一個類

回答

相關問題