Question

所以我在解决这个问题时遇到了一些困难。

我想编辑特定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; }

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

由于

Answer 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}

<强> DEMO

在你的情况下（一个标签内的div）你不需要在css中直接写标识的id名称

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

或

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

<强> DEMO 2

Answer 2

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

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 */ }

Answer 3

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

在css中

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

Answer 4

我认为你不需要在你的情况下设置超链接的样式。

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

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

可选

此外，您可以使用jquery来设置样式，$（“＃your anchor”）。parent（）。css或使用最接近的。

由于

Answer 5

这种方式不是编码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;
}

尝试编辑div中的链接样式

5 个答案: