Css 防止锚定标记更改样式

Css 防止锚定标记更改样式,css,html,Css,Html,出于好奇,我没有找到清晰的材料,如果我(当然使用html5)用锚定标记包装一个容器div,比如,并且div及其子对象已经设置了样式,我可以防止新锚定更改样式吗 在示例中,我当前情况下的容器设置为浮动(我也不喜欢浮动,但这是对其他人构建的现有页面的工作编辑)。用锚定标记包裹它们显然会破坏浮动。当然,我可以进去设置锚点标签的样式,或者用锚点单独包装容器的每个子级,但这会变得很麻烦。此外,容器中的文本现在具有类似链接的属性(例如文本装饰) 有没有办法说“忽略链接就样式而言就在这里”,或者这只是我的另一

出于好奇,我没有找到清晰的材料,如果我(当然使用html5)用
锚定标记
包装一个
容器div
,比如
,并且div及其子对象已经设置了样式,我可以防止新锚定更改样式吗

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


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

链接通常会影响文本装饰和颜色属性,因此只需让锚定标记继承它们:

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

链接通常会影响文本装饰和颜色属性,因此只需使锚定标记继承这些属性即可:

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

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


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


a
中的code>
div
语法不正确。提供更多代码和小提琴。不,它不会破坏div上的任何浮动。
a
中的
div
语法不正确。提供更多代码和fiddle。不,它不会破坏div上的任何浮动。如果锚点位于具有相关样式的容器内,则不会继承,或者锚点标记会继承子样式吗?继承意味着它只接受其父样式。因此,如果其父项为黑色且没有文本装饰,则锚定现在将采用相同的样式。如果锚定位于包含相关样式的容器内,则锚定标记是否会继承子项样式?继承意味着它只采用其父项具有的任何样式。因此,如果其父对象为黑色且没有文本装饰,则锚定现在将采用相同的样式。