layui导航菜单选中项左侧高亮线由.layui-nav .layui-this::before伪元素实现,修改粗细需用!important覆盖其width属性,如width: 4px !important;。

Layui 导航菜单中,选中项左侧的高亮指示线(即 layui-this 状态下 <li> 左侧那条竖直的蓝色粗线)是由 .layui-nav .layui-this::before 伪元素实现的。它默认宽度为 3px,颜色为 #009688(Layui 主色),位置固定在左侧。
要修改这条线的粗细,只需覆盖其 width 属性即可,但必须注意选择器权重和加载时机。
✅ 正确改法:用高权重 CSS 覆盖伪元素
在你的自定义 CSS 文件末尾,或 <style></style> 标签中(建议放在











