代码之家 › 专栏 › 技术社区 › Mickel

用CSS覆盖锚定>图像行为

xhtml css html

Mickel · 技术社区 · 14 年前

注释 :5分钟前我问了一个类似的问题,但这不是同一个问题……

我有这个CSS规则来给链接加下划线,而不通过任何字母的“脚”进行删除:

a:hover, a:focus, a:active {
    color: #3b234a;
    border-bottom: 1px #ccc solid;
}

现在,这按预期工作,但是我想编写一个规则,禁用链接图像上的此行为,如下所示:

<a href="#"><img src="..." /></a>

有可能吗?

谢谢。

3 回复 | 直到 14 年前

ScottS 14 年前

添加一个类“imagelink”或您喜欢的任何内容来锚定保存图像,然后:

a:hover, a:focus, a:active {
  color: #3b234a;
  border-bottom: 1px #ccc solid;
}

a.imageLink:hover, a.imageLink:focus, a.imageLink:active {
   border-bottom: none;
}

Jimmy 14 年前

尝试

a:hover img { border-bottom: none; }

hollsk 14 年前

将类应用于您的Href并删除该类上的边框。

基本上,你总是要带着起源元素,因为这是CSS解析的方向。

如果使用jquery或类似工具,可以从子级向后移动到父级,但普通的CSS无法处理在这种情况下您希望它做什么。

推荐文章

Luis Pavez · 在actionListener完成之前更新组件

6 年前

mike · 使用类似封送处理的编码器操纵HTML

7 年前

ajaysheoran2323 · 如何使网站多语言[关闭]

7 年前

Hanlei Price · 标记验证

7 年前

Irum · 获取错误:UI指令无法强制转换到组织。素数面。模型菜单菜单元素

7 年前

curiousToKnow · 如何从xhtml获取文本

7 年前

zinon · XHTML渲染生成空pdf文件

7 年前

saurabh · 如何在一个页面中使用多个ajax日历

7 年前

Gabriel Cardoso · 更新数据后在datatable中更新

7 年前

mac wac · AngularJS的内联模板不适用于XHTML

8 年前