Изменить цвет линии внутри диапазона класса

Question

у меня есть:

<span class="field-content highlight-front"> 
    <a href="/node/42" hreflang="en">This is an example</a> 
</span> 

в файле CSS я хочу, чтобы изменить цвет ссылки, используя класс диапазона.

.highlight-front{ 
    color: blue; 
} 

но это не работает. Любые предложения или места для чтения о таргетинге на ссылку через класс span?

Answer 1

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

Используйте это:

.highlight-front a{ 
    color: blue; 
} 

Смотрите здесь:

https://plnkr.co/edit/Tn3IomLmUaobN59Cdg4j?p=preview

Answer 2

Этого можно достичь следующим образом:

Который будет окрашивать любой <a>, найденный как декандат класса .highlight-front.

Answer 3

добавить .highlight-front a{ в классе, чтобы указать все a тегов внутри span с классом highlight-front

.highlight-front a{ 
 
    color: blue; 
 
}

<span class="field-content highlight-front"> 
 
    <a href="/node/42" hreflang="en">This is an example</a> 
 
</span>

Answer 4

you can also try this 
<span class="field-content"> 
    <a class="highlight-front" href="/node/42" hreflang="en">This is an example</a> 
</span>