编辑：来源：

Question

当我将整个div作为链接时，如何才能使文字不是蓝色？

所以在下面的代码片段中：

<a href="/link"><div><h2>LINK</h2></div></a>

我希望将整个div链接到另一个页面，但也不希望将字符串LINK设置为蓝色，就像通常的链接对象一样。

当我写下面的CSS：

a {text-decoration: none; background-color: none; }

它根本没有改变。

[更新]

感谢您的回答。我想将div置于a内的原因是我想要创建块可链接对象（单击块并转到另一页）。我首先将a放在div内，但它不起作用，这就是我把它放在div之外的原因。（我使用HTML5和CSS3）。

Answer 1

在HTML 5中，轻松使用：

<a href="/yourLinkAddress">
    <div class="link">
         <h2>Link Text</h2>
    </div>
</a>

CSS：

.link
{
   color:aqua;
   text-decoration: none; 
   background-color: none;
}

Answer 2

你允许在html5规范中的链接中使用div / block-elements，所以这不是很糟糕。

背景意味着文本背后的内容，以下代码背后的内容是灰色的。颜色就是你追求的......

a {
    text-decoration: none; 
    color: black; 
}

编辑：来源：

Are block-level elements allowed inside inline-level elements in HTML5?

转到：http://validator.w3.org/check并验证：

<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>
    <a href="#stuff">
        <div>
            <h1>hi</h1>
        </div>
    </a>
</body>
</html>

Answer 3

尝试

<a href="/link"><div class="link"><h2>LINK</h2></div></a>

然后申请上课：

.link{
  background-color:none;
  color:blue;
 }

如果您不允许使用内部标签，请尝试使用表而不是。它应该以同样的方式工作。

Answer 4

只需定位 h2

a div h2 {
    color: #fff; /*Or whatever you want*/
}

Answer 5

a{text-decoration: none; background-color: none;color:gray; }

//颜色 - 给你想要的颜色..

Answer 6

text-decoration: none;对已接受的答案无效！

这是您的代码

<a href="/link"><div><h2>LINK</h2></div></a>

正确;

<div class='editLink'> 
     <a href="/link">
       <h2>LINK</h2> 
    </a>
</div>

<强> CSS

.editLink a {
  color: #FFFFFF;
  text-decoration: none;
}

Answer 7

<强>的CSS：

.link
{
  text-decoration: underline;
color: #0000EE;
font-size: 16px;
}

<强> HTML：

<strong>Hello!</strong> you have already registered , you can login
<a href="http://www.example.com/"><span class="link">here</span></a>

<强>参考：

default HTML/CSS link color和this

Wikipedia Link Color列出了不同的链接颜色及其含义。

希望这有帮助。

Answer 8

我们不允许div使用a（in html5 allowed）：

5之前的HTML：

<h2><a href="/link" class="link">LINK </a></h2>

HTML5：

<a href="/link" class="link"><h2>LINK</h2></a>

CSS：

.link
 {
  color:red;
 }

Answer 9

您无法在div（you can in html5）中使用a，您可以改用：

<a href="/link" style="color:green;">LINK</a>

如何不在href链接中使文本着色，但文本也在div内？

9 个答案:

编辑：来源：