Change the cursor on menu child hover

Etienne

Hi,

il would like to change the cursor on hover of the 7th item of a navbar (because no link, only submenu for this item)

I use this but it does not work :

.sm-page-widget-nav-toplink:nth-child(7):hover {
cursor: crosshair !important;
background: rgba(224,200,211,1);
}

while it runs for the background.

an idea ?

Etienne

it works with :

.sm-page-widget-nav-toplink:nth-child(7):hover > a {
cursor: default ;
}