div-class 中的标签答案

【问题标题】：a tag inside div-classdiv-class 中的标签
【发布时间】：2017-02-28 21:24:53
【问题描述】：

我可以把<a href="#">test</a>放在<div class="test">里面

我很清楚<div class="test"> <a href="#">test</a> </div> 我对该代码的问题是 a 标记为我在 css 中留下了一些样式，我很乐意尽可能地缩小我的代码。

【问题讨论】：

【解决方案1】：

绝对！锚点没有理由不能驻留在 div 中：

<div class="test">
  <a href="#">test</a>
</div>

是完全有效的语法。

<body>
  <a class="test2" href="#">test</a>
</body>

也是完全有效的语法。

这实际上取决于您希望如何应用您的样式。您可以使用：

.test a {
  // Style the whole DIV, which can contain multiple <a> tags
}

或者：

.test2 {
  // Style the <a> tags that match the class `test2`.
}

希望这会有所帮助！ :)

【讨论】：