样式化时排除特定元素答案

【问题标题】：Excluding specific elements when styling样式化时排除特定元素
【发布时间】：2019-12-16 06:17:37
【问题描述】：

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

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

【讨论】：