选择图像链接

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;}