更改span类中的链接颜色

Question

我有：

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

在css文件中我想使用span类更改链接的颜色。

.highlight-front{ 
   color: blue;
}

但这似乎不起作用。有关通过span类定位链接的任何建议或地点吗？

Answer 1

你必须在span内指定元素才能着色，这意味着在你的类名（span的子级）之后添加sa.select([ table1.c.suffix('_1'), table2.c.suffix('_2')]). select_from(table1.join(table2, table1.c.id == table2.c.id)) ：

使用此：

a

见这里：

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

Answer 2

在班级中添加.highlight-front a{，以指定a内span个highlight-front内的所有.highlight-front a{ color: blue; }标签

＆＃13;

＆＃13;

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

＆＃13;

gv

＆＃13;

＆＃13;

＆＃13;

Answer 3

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

Answer 4

您可以通过以下方式实现此目的：

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

.highlight-front a{ 
    color: blue; 
 }

将为<a>类的后代找到的任何.highlight-front着色。