無序列表中的無序列表 - 選擇特定行項目

我正在用下拉菜單構建導航。我希望包含無序列表subnav的行項目在懸停時具有白色錨文本。我這樣做了，但是我的選擇器導致了一個下拉列表項的錯誤。請參閱：http://jsfiddle.net/W3Dzd/ 如果將鼠標懸停在「sui generis」上並在菜單中向下移動光標，它就能正常工作，但「mantels」除外 - 錨點文本在徘徊時不會改變顏色。我猜想發生了什麼事情是，主導航中的第三個訂單項的選擇器也選擇了subnav中的第三個訂單項。有人可以提出一個更好的選擇器或解決方法嗎？無序列表中的無序列表 - 選擇特定行項目

來源

2012-01-13 Doug Fir

如果您可以更改生成菜單的代碼（或者手動更改它們（如果您手動對它們進行手動編碼），則最終會得到一個更健壯的系統，方法是將子菜單類應用於父項而不是孩子ul。您之前的代碼是通過複雜的選擇器定位特定的列表項目，如果您重新排列菜單或從中添加/刪除項目，這些選擇器會中斷。新的代碼將處理這些情況沒有問題。

你可以看到這是如何在行動，在這個更新的jsfiddle工作樣本：http://jsfiddle.net/W3Dzd/4/

來源

2012-01-13 14:29:08

感謝您的反饋意見。我不確定你的建議是用你的代碼替換哪個選擇器？長，什麼必須是過分複雜的選擇沿線「。導航li：第一孩子+李+ li：懸停>一個」是試圖選擇一個特定的列表項目，而不是列表中的所有列表項目？你能否澄清你建議我更換哪個選擇器？謝謝！ – 2012-01-13 14:40:37

@DougFirr我更新了我的答案以改進一點。我不確定你想用這個選擇器做什麼，但基於它的實際效果似乎是多餘的。 – 2012-01-13 14:54:26

啊，謝謝。但是，現在我已經失去了關於頭條目「sui generis」和「回收木材」懸停狀態的白色錨文本。這是因爲我只想選擇這些行項目，只是我使用了第一個孩子+李等。你可以建議如何確保這些標題，「sui generis」和「回收木材」，當徘徊時有白色錨文本像以前一樣？什麼是最好的選擇而不影響其他列表項目？ – 2012-01-13 14:55:07

無序列表中的無序列表 - 選擇特定行項目

回答

相關問題