Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles's website already exists. Alex can refer to this desktop version of the website to create the mobile website design.
-Alex has placed each of the nested lists within a class called submenu.He wants to display a nested submenu only when the user hovers the mouse pointer over its associated submenu title.Which of the following selector formats should be used by Alex to select the submenu that is immediately preceded by a hovered submenu title?

Question

Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles's website already exists. Alex can refer to this desktop version of the website to create the mobile website design.
-Alex has placed each of the nested lists within a class called submenu.He wants to display a nested submenu only when the user hovers the mouse pointer over its associated submenu title.Which of the following selector formats should be used by Alex to select the submenu that is immediately preceded by a hovered submenu title?
A)  *submenuTitle:hover+< ul >submenu
B)  submenuTitle:@hover+ul.submenu
C)  a.submenuTitle:hover+ul.submenu
D)  a.submenuTitle: ul.submenu+hover

Quizplus · Accepted Answer

The correct selector format to select the submenu that is immediately preceded by a hovered submenu title is `a.submenuTitle:hover+ul.submenu`. The `a` before `.submenuTitle` specifies that it is an anchor tag with the class `submenuTitle`, which is the hovered menu title. The `:hover` pseudo-class specifies that the submenu should be displayed only on hover. The `+` selector selects the element immediately after the hovered menu title, which is the nested submenu, specified by `ul.submenu`.

Alex, a Web Designer, Is Assigned the Task of Creating