Vaadin主页面空路由始终高亮：求CSS修改解决方案

当主页面使用空值路由（@Route(value = "", layout = MainLayout.class)）时，切换到其他页面后，主页面的抽屉导航链接会保留highlight属性，导致高亮样式无法自动取消。可以通过修改CSS选择器，基于aria-current属性精确控制高亮逻辑：

/* 仅对当前活跃页面的导航链接应用高亮 */
a[highlight][aria-current="page"] {
    font-weight: bold;
    text-decoration: underline;
}

/* 清除非当前页面的高亮样式 */
a[highlight]:not([aria-current="page"]) {
    font-weight: normal;
    text-decoration: none;
}

原理：Vaadin的RouterLink组件在指向当前路由时，会自动添加aria-current="page"属性。通过该属性可区分真正活跃的导航链接——即使空路由的链接保留了highlight属性，只要不是当前页面，样式就会被重置为默认状态。

内容的提问来源于stack exchange，提问作者rebahozkoc