Невозможно выяснить, как удалить текст-украшение на

Question

ОБНОВЛЕНИЕ 2: Вопрос больше не уместен, поскольку он не может быть разрешен с помощью автономного примера MWE. (Я также нашел оскорбительный фрагмент кода, который отвечал за ошибку.

У меня маленькая тонкая граница при наведении указателя мыши на элемент заголовка, который выглядит подозрительно, как граница оформления текста, и я не могу избавиться от него .

Насколько мне известно, эта проблема не может быть решена с text-decoration: none; ... он просто не будет работать или я применил его в неподходящий элемент ... опять же, я думаю, что я проверить их все ... что Почему я задаю свой вопрос здесь.

text-decoration: "none" http://oho.xyz/hover1.jpg

MWE отлично работает (http://codepen.io/pattulus/pen/bNRxaz), но реальная вещь нет.

Поскольку я не знаю, где проблема с моим кодом, у меня есть живой пример, который работает на . Я отлаживал его с помощью веб-инспектора в течение последних часов, но не могу указать, что здесь происходит. Я положил text-decoration: none !important почти везде без успеха.

Таким образом, настоящий вопрос: что это за ошибка и как ее найти?

Обновление: я сбросил границу faux с добавлением псевдоодного элемента ::before к пролету, чтобы избежать путаницы. Я добавлю это позже, когда эта проблема будет решена. Я также сделал html более семантическим, используя это:

Answer 1

В моем примере я имел смешивание, которое я назвал глобально, чтобы подчеркнуть все более тег:

@mixin hoverbottom($width: 2px, $style: solid, $color: $orangey-red) { 
    &:hover { 
    @include transition($link-transition); 
    border-bottom: $width $style $color; 
    } 
} 

Поскольку Mixin не написана умным способом, я не мог просто сказать border-bottom: none, но необходимо до @include hoverbottom (0px, solid, transparent);. Я буду переписывать его, чтобы работать более плавно. Но ... это был преступник.

Спасибо всем, что нашли время.

Answer 2

Я проверил живую версию вашего сайта, и если вы отключите содержимое: свойство css вашего :: before css, линия исчезнет.

Answer 3

Это плохая практика разметки, чтобы ваш href обернулся вокруг ваших двух тегов h1. переписывают так:

<h1><a href=#">Some title<span>sub title text</span></a></h1> 

изменить ваши CSS, чтобы отразить новые изменения HTML, и вы будете иметь возможность контролировать поведение лучше.