箭頭純CSS菜單下拉，有孩子

我有一個純CSS下拉菜單，工作很好，但我想有一個下拉箭頭上的父項菜單項有兒童向用戶顯示菜單有選擇/選項。我目前有這樣的：箭頭純CSS菜單下拉，有孩子

/* drop down arror */ 
nav ul li > a:last-child:after { content: ' ▾'; }

這使得每個菜單項旁邊都有一個下拉箭頭，除了有孩子的菜單項外。所以我需要的是與此完全相反的。我希望有一個a:has-child或a:is-parent。任何人都知道如何在不使用JavaScript路線或圖像路線的情況下做到這一點？有

預先感謝您的幫助，我的問題

沒有標記，它是不可能找到你的答案的精確解決方案。 –

進一步檢查，因爲它包含變量css蓬勃發展的要求。 Sass也可以工作。 – Cam

天哪目標的父元素，我能解決這個剛纔使用試驗和錯誤使用下面的代碼：

nav ul li > a:not(:last-child):after { content: ' ▾'; }

它的事情是我原本試過這個，它沒有工作。

nav ul li > a:not:last-child:after { content: ' ▾'; }

所以關鍵是你必須使用括號：not修飾符，我不知道。基本上，不是操作員做了與我所做過的工作相反的東西。

2014-05-12 16:32:15

看起來你已經類似於你想要的東西，它只是反轉的選擇。試着把這個箭頭放在每一個物品上，然後使用你創建的選擇器來隱藏它不應該顯示的物品。箭頭將留在您無法選擇的項目上。

2014-05-12 16:23:25

恐怕目前沒有方法通過CSS選擇父元素。如果有辦法做到這一點，它會在CSS選擇器的規格已經可見：

我會說，你的選擇是要麼ASIGN不同類別的ul，如<ul class="parent">和<ul class="sub-menu">所以你可以在CSS選擇它們，或通過javascript

2014-05-12 16:25:28

回答