a:关于div的链接 - div内部的样式

时间:2012-11-27 23:51:34

标签: html5 css3

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

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

可以在此处查看减少的测试样本:

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

所以,我的问题基本上是什么是样式元素的最佳方式,例如h2和p,它们位于块级div中,用a:link包装。

3 个答案:

答案 0 :(得分:1)

基本上发生在你身上的是< a>下的所有元素。标签是继承超链接的css属性(下划线,蓝色等)

要计数,请在标记上创建一个ID或类,然后删除/覆盖默认的锚属性。

例如,要删除下划线,请执行以下操作:     text-decoration:none;

在覆盖与链接相关的伪类后::链接:已访问:悬停:有效

答案 1 :(得分:1)

这里所需要的只是:

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

有时你会想要更具体,然后你可以像:

a h2 { color:red; }

答案 2 :(得分:0)

最好的方法是意见问题。对我来说,最好的方法是尽可能使用最简洁的CSS。仅使用您需要的specificity。例如,当a div h2完全需要时,请不要使用a h2。另外,你可以做a.block { display:block; }这样的事情,然后你就不需要标记中的div。