Как минимум в ховере не хватает второй функции. Без разметки не понятно что к чему (конечную разметку сюда, только не скринами) , и все может быть проще.
«Подставить» , номер вхождения слеша , меняешь на нижнее подчеркивание, далее текст по столбцам с разделителем нижнее подчеркивание.
Это если левые части путей идентичные хотя бы по кол-ву слешей
Или вообще просто текст по столбцам с разделителем слеш
Ищи реальный css, а не препроцессорный. Скорее всего в инспекторе ты видишь работу «карты» стилей. Открой в браузере исходный код страницы и посмотри какие стилевые файлы подключены на самом деле.
без стандартов ввода данных - бесполезно
девочек к стандарту не привести, ну если только жестко и если есть власть (2 если) - невозможно
поэтому девочки и будут делать все как всегда, в т.ч. сверки на двух бумажках маркерами разного цвета
