Фишка в том, чтобы можно было добавить CSS стрелочки к пунктам меню, в которых есть подменю и подсвечивать и менять их положение (открыто/закрыто) при наведении используя CSS. Эти селекторы как раз и помогают решить эту задачу.
Работает примерно так: При помощи :before он стрелки создает там, где есть подменю
.nav li a:first-child:nth-last-child(2):before {стрелки}
а тут при наведении на LI, он находит в нем первую ссылку, и обращается ко второму элементу с конца. Эта наша созданная раньше стрелка, т.к. первый элемент с конца это список UL (подменю).
.nav > li:hover > a:first-child:nth-last-child(2):before{стрелка}
Идея достаточно интересная и полезная, надо запомнить.
Работает примерно так: При помощи :before он стрелки создает там, где есть подменю
.nav li a:first-child:nth-last-child(2):before {стрелки}
а тут при наведении на LI, он находит в нем первую ссылку, и обращается ко второму элементу с конца. Эта наша созданная раньше стрелка, т.к. первый элемент с конца это список UL (подменю).
.nav > li:hover > a:first-child:nth-last-child(2):before{стрелка}
Идея достаточно интересная и полезная, надо запомнить.