0

所以我很难弄清楚这一点。

我想编辑特定 div 中的一些链接，看起来很简单吧？

就放

#mydiv a:link {color:#B40404}

但是它似乎对我不起作用！下面是我的代码：

<div id="leftcontent"><a href="http://google.de"><div id="MYDIV">why this is no work</div></a>

CSS：

#MYDIV {
background-image: url(http://mypicture.com/mypic.jpg);
width:290px;
height:280px;
font-family:Tahoma,Geneva,sans-serif;
padding:25px;
background-repeat:no-repeat;
}

#MYDIV a:link {color:#B40404; }

我不知道为什么这不起作用。任何帮助表示赞赏！

谢谢

4

5 回答 5

1

HTML 应该如下所示（div 内的标签）

<div id="leftcontent">
<div id="MYDIV"><a href="http://google.de">why this is no work</a></div>
</div>

CSS

#MYDIV a{color:#B40404; text-decoration:none}

演示

在您的情况下（a 标签内的 div），您无需在 css 中写入 id 名称，直接为标签编写样式

a{color:#B40404; text-decoration:none}

或者 

#leftcontent a{color:#B40404; text-decoration:none }

演示 2

于 2013-03-01T07:41:17.987 回答
0

这种方式在编码 html 中不是正确的格式 这不会在 html 验证器中验证

<div id="leftcontent">
  <a href="http://google.de">
  <div id="MYDIV">why this is no work</div>
  </a>
</div>

而不是这样做

<div id="leftcontent">
  <div id="MYDIV">
  <a href="http://google.de">sample</a>
  </div>
</div>

如果你想要整个div链接在你的div a

css

#MYDIV {
float:left;
}

#MYDIV a {
float:left;
width:100px;
height:100px;
}
于 2013-03-01T08:11:36.057 回答
0

您的 CSS 正在选择标签内的标签。您需要执行以下操作：

a #MYDIV { /* css code */ }

或者

<div id="MYDIV"><a>My link here</a></div>

编辑：

我刚刚在另一页上阅读了您的评论。在这种情况下，您需要向 中添加一个类或一个 ID，然后引用它。

<div id="leftcontent"><a href="http://google.de" id="myLink"><div id="MYDIV">why this is no work</div></a>

CSS

#myLink { /* add style here */ }
于 2013-03-01T07:42:48.463 回答
0 
<div id="leftcontent"><div id="MYDIV"><a href="http://google.de">why this is no work</a></div>

在 CSS 中

#MYDIV a:link {color:#B40404; }
于 2013-03-01T07:44:17.940 回答
0

我认为你不需要在你的案例中设置超链接的样式。

由于样式最终将应用于您的 div ，因此包含在锚标记中。因此，将颜色：#your_hex_code赋予#MYDIV即可满足您的需要。这就是你所需要的。

如果您在 html 中犯了错误，Sowmya 的答案是完美的。

可选的：

此外，您可以使用 jquery 来设置样式， $("#your anchor").parent().css 或使用最接近的。

谢谢

于 2013-03-01T07:56:34.627 回答