通过选择孩子将样式应用于父项
|
似乎有些浏览器(至少是Chrome)在嵌套在定位标记内部的图片下方加上了部分下划线,如下所示:
<a href=\"#\"><img src=\"/foo.jpg\" /></a>
因此,我正在寻找一种向包含img标签的锚标签添加ѭ1的方法。我的第一个想法是:
a img {
text-decoration: none;
}
当然这是行不通的,因为样式将应用于img标签,而不是锚。那么,有没有一个选择器可用于将文本装饰样式应用于带有img子代的任何锚标记?
编辑:
我的HTML通常如下所示:
<a href=\"#\">
<img src=\"/foo.jpg\" />
</a>
我对元素进行间隔和制表的方式是在锚标记和图像标记之间添加额外的空格。带下划线的是空白。
没有找到相关结果
已邀请:
5 个回复
锹缄
标签中添加类(这是简单的解决方案),那么您的下一个最佳CSS解决方案将是删除
标签上的文本修饰,并将要加下划线的文本换行元件。见下文: 对于图像:
对于文字:
合并:
CSS:
破弯
然后在CSS中具有以下内容:
瓜唱鬼
纫合峭
唤副埂侧壬
标记的图像之外,没有锚点指向图像,则可以使用: