我有一个我想要点击的div,所以我在它周围包裹了一个“a”标签,因为它是有效的HTML 5并使div成为块级元素。
现在,我遇到的问题是在div中设置内容样式,因为所有内容都显示为链接,尽管我尝试了很多方法,但我还没有找到一个很好的解决方案来自定义div中的所有内容。
可以在此处查看减少的测试样本:
http://codepen.io/anon/pen/aencq
所以,我的问题基本上是什么是样式元素的最佳方式,例如h2和p,它们位于块级div中,用a:link包装。
答案 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。