html - 选择图片链接

Question

我想要链接下的边框，而不是图像链接下的边框：

#post .content img{border:3px solid #2E92AB;}
#post .content img a{border-bottom:0px;}
#post .content a{border-bottom:1px solid #2E92AB;}

无法弄清楚如何选择图像a。

我想要border:3px solid #2E92AB;图像周围的边框（），但它只是添加了一个我不想要的额外边框。

这是一个例子：http ://www.disgeae.nl/wordpress/uitleg-wordpress-installatie

Answer 1

您的问题已解决：

您的图片链接正在将特定类“ fancybox ”应用于其anchor标签

#post .content a.fancybox { border: none; }

我已经检查了这个及其对你的工作，确实记得在你定义的规则之后定义这个 CSS 规则，即它应该是这样的：

#post .content img { border: 3px solid #2E92AB; }
#post .content a { border-bottom: 1px solid #2E92AB; }
#post .content a.fancybox { border: none; }

干杯!

Answer 2

尝试：

#post > .content > a { border-bottom: 1px solid #2E92AB; }

Answer 3

你可能想改变

#post .content img a{border-bottom:none;}

至

#post .content a img {border-bottom:none;}

因为在图像中嵌套链接是不正确的

否则将有助于查看您的 html

编辑

尝试改变

#post .content img{border:3px solid #2E92AB;}
#post .content img a{border-bottom:1px solid #2E92AB;}
#post .content a{border-bottom:1px solid #2E92AB;}

至

#post .content a img{border-bottom:none;}
#post .content a{border-bottom:1px solid #2E92AB;}