Question

Maybe it is a simple solution, but I stuck to it.

Here I have my code http://jsbin.com/ejomuv pure CSS menu

What I want to do, is to set on Dropdown button bottom 0px border-radius on hover, but only on dropdown menus not on all.

I tried, but it isn’t working, I know that I don’t do something right:

#nav li a .nav-dropdown:hover {
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px;
}

Answer 1

Since anchor tags with dropdown menus are using action instead of href, you could use the following selector:

#nav > li:hover > a[action]{
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px;  
}

Working example: http://jsbin.com/ejomuv/7/