Почему в CSS не работает стиль a[rel="external"]?

Question

[Иван]

Всем приветы! Добавил свойство в CSS но оно почему то не срабатывает. Дело не в кеше и не в том, что другой стиль его перебивает. Он как будто даже не применяется.

Подскажите куда копать?

Вот код ссылки

<div class="fsa">
<div class="text">
<p>
<a href="#" target="_blank" rel="noopener external noreferrer">Google Chrome</a>
</p>
</div>
</div>

а вот стиль
.fsa .text a[rel="external"] {background:red}

Answer 1

[Lynn «Кофеман»]

Потому что a[rel~="external"]

Копать в сторону документации https://developer.mozilla.org/ru/docs/Web/CSS/Attr...

Answer 2

[Игорь]

Никуда не копать. Вы указали так .fsa .text a[rel="external"], но rel не равен external. В rel присутствует external, но там не только он.
Вот, прочитайте про селекторы аттрибутов и вы поймете свою ошибку. Статья маленькая.