html - :link around div - styling inside div

Question

我有一个想要点击的 div，所以我在它周围包裹了一个“a”标签，因为它是有效的 HTML 5 并使 div 成为 block 级元素。

现在，我遇到的问题是在该 div 中设置内容样式，因为所有内容都显示为链接，尽管尝试了多种方法，但我还没有找到一个好的解决方案来自定义设置 div 中所有内容的样式。

可以在此处查看简化的测试样本:

http://codepen.io/anon/pen/aencq

所以，我的问题基本上是，在 block 级 div 中用 a:link 包裹的 h2 和 p 等元素的最佳样式设置方式是什么。

Answer 1

这里你只需要:

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

有时你会想要更具体，然后你可以这样:

a h2 { color:red; }