Css 尝试编辑div中的链接样式

所以我很难弄明白这一点

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

放

#mydiv a:link{color:#B40404}

然而，它似乎不适合我！下面是我的代码：

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

我不知道为什么这不起作用。感谢您的帮助

谢谢

HTML应该如下所示（div中的一个标记）

---

在您的情况下（a标记中的div），您不需要在css中直接为标记编写id名称

a{color:#B40404；文本装饰：无

}

或

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

---

您的CSS正在标记中选择一个标记。您需要执行以下操作之一：

a #MYDIV { /* css code */ }

或

---

我认为你不需要在你的案件的超链接样式

由于样式最终将应用于，因此您的div包含在锚定标记中。因此，将颜色：#您的#十六进制代码赋予#MYDIV，这将满足您的需要。这就是你需要的

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

可选：

此外，您还可以使用jquery设置$（“#您的锚”）.parent（）.css的样式，或者使用最近的样式

---

谢谢

这种方式在编码html时不是正确的格式，在html验证程序中不会验证

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

---

是的，你的

div

在

a

标签中-应该是另一种方式。但问题是我希望整个div都是超链接的-所以包括背景图像，而不仅仅是文本，这就是我为什么这样设置的原因。所以，这似乎是可能的问题-然而，是否有反正我可以超链接整个背景图像？正如我最初在超链接整个背景和文本时所做的那样——但是它不允许我编辑链接装饰。果然做到了！非常感谢！

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

a #MYDIV { /* css code */ }

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

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

#myLink { /* add style here */ }

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

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

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

#MYDIV {
float:left;
}

#MYDIV a {
float:left;
width:100px;
height:100px;
}