保持锚标记不会改变样式

Question

快速提出疑问，我没有找到明确的材料，如果我（当然使用html5）用container div和anchor tag包裹<a href="#"><div> </div></a>和floats它的孩子们已经设计好了，我可以保持新锚不改变风格吗？

在示例中，我当前情况下的容器设置为{{1}}（我不喜欢浮动，但它是对其他人构建的现有页面的工作编辑）。用锚标签包裹它们显然会破坏浮子。当然，我可以进入并设置锚标签的样式，或者用锚点单独包装容器的每个子项，但这会变得很麻烦。此外，容器内的文本现在具有类似链接的属性（例如文本修饰）。

有没有办法说“忽略链接在这里就样式而去”，或者这只是我的另一个理想主义幻想？

Answer 1

链接通常会影响文本修饰和颜色属性，因此只需使锚标记继承：

#myAnchor {
  text-decoration: inherit;
  color: inherit;
}

Answer 2

使div成为链接/可点击的一种简单方法是使用html javascript onclick属性：

<div class="clickable-div" onclick="location.href='#';"><div> ... </div></div>