Three states of a website menu item
A website menu item has three possible states.
Unselected:
We are not at “Swag” and can go there by clicking. The link is underlined, on hover it highlights and the cursor changes to a pointer, the link leads to the main page of the section.
Current:
We are at the main page of the “Swag” section. The text is put on a background, does not react in any way to hover or clicks.
Parent:
We are at one of the pages of the “Swag” section, but not on the main one. The link is put on a background and underlined, on hover it highlights and the cursor changes to a pointer, the link leads to the main page of the section.
This is an obvious and logical standard. Highlighting the current section with an underline or reloading on a click the page where the user already is, is an indication of a careless, unreasoned design.