Дочерние элементы ссылки не переопределяют текстовое оформление, когда ссылка отображается как flex

Question

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

Пример: http://jsfiddle.net/wu627vn3/

.test{
    text-decoration:none;
    display:inline-block;
    color: red;
}

<a href="#" style="display: flex;">
    <div class="test">
        This isn't.
    </div>
    <div class="test">
        This isn't.
    </div>
</a>

Answer 1

Вы должны добавить text-decoration к якору

.test {
  display: inline-block;
  color: red;
}

a {
  text-decoration: none
}

<a href="#" style="display: flex;">
  <div class="test">
    This isn't.
  </div>
  <div class="test">
    This isn't.
  </div>
</a>