在样式化时排除特定的元素

【在样式化时排除特定的元素】我在Wordpress主题中添加了自定义CSS, 以向所有图像添加边框-但是, 我需要弄清楚如何在页眉和页脚中排除徽标图像, 以使它们周围没有边框。有任何想法吗?
我尝试在CSS中使用:not命令, 但是我不知道如何在我的页眉徽标和页脚徽标中添加类。这是我要为图像设置样式的简单代码:

img { border-radius: 4px; border: 1px solid #dddddd; padding: 4px; }

现在最困难的部分是弄清楚如何阻止CSS在页眉和页脚中的图像周围放置边框。这是我尝试执行此操作的页面:http://disaprimary.co.za/silikamva/about/staff-and-teachers/
#1我建议像这样在页脚和页眉中为图像添加一个类:
< img src="" class= "noborder">

在你的CSS中:
img:not(.noborder){ border-radius: 4px; border: 1px solid #dddddd; padding: 4px; }

#2只需添加以下给定的CSS:
a.brand img { border: none; }div#media_image-4 a img { border: none; }

它将排除页眉和页脚徽标图像的边框。

    推荐阅读