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

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

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

来源：

https://www.srcmini02.com/62514.html