0

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

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

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

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

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

4

3 回答 3

1

基本上发生在你身上的是 <a> 标签下的所有元素都继承了超链接的 css 属性（下划线、蓝色等）

为了解决这个问题，请在您的标签上创建一个 id 或类并删除/覆盖默认的锚属性。

例如要删除你做的下划线： text-decoration: none;

之后覆盖与链接相关的伪类：:link、:visited、:hover和:active。

于 2012-11-28T00:01:31.143 回答
1

您只需要：

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

有时你会想要更具体，然后你可以像：

a h2 { color:red; }
于 2012-11-28T00:05:32.657 回答
0

最好的方法是见仁见智。对我来说，最好的方法是尽可能使用最简洁的 CSS。仅使用您需要的特异性。例如，不要使用a div h2when a h2is all that's required。另外仅供参考，您可以执行类似的操作a.block { display:block; }，然后您就不需要标记中的 div 了。

于 2012-11-28T00:01:37.633 回答