如何更改锚链接仅文本的颜色?

How to change color of only text of anchor link?(如何更改锚链接仅文本的颜色?)

本文介绍了如何更改锚链接仅文本的颜色?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有这样的代码

<a href="#" title="some title">
  <span>Do not change color of this text</span>
  Want to only change this text color
</a>

我只想更改锚标记文本的颜色,而不是 span 中文本的颜色.使用 CSS 而不是 jQuery.

I want to change the color of anchor tag text only, not color of text in span. Using CSS not jQuery.

推荐答案

创建样式以确保应用正确的颜色:

Create a style to ensure the correct colors are being applied:

a {
    color: #00f;
}
p, a span {
    color: #000;
}

这会将普通文本 (p) 和跨度内部链接 (a span) 的颜色设置为黑色,而将其余文本的颜色设置为蓝色的链接.

This sets the color of normal text (p) and spans inside links (a span) to black, whereas it sets the color of the rest of the text in links to blue.

这篇关于如何更改锚链接仅文本的颜色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何更改锚链接仅文本的颜色?

基础教程推荐