【问题标题】: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/

【问题讨论】:

  • 可以使用:not() 伪类来排除具有特殊类的图像。

标签: php css wordpress wordpress-theming


【解决方案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;
    }
    

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

    【讨论】:

      猜你喜欢
      • 2020-11-28
      • 2015-03-03
      • 1970-01-01
      • 2023-03-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-03-25
      • 2011-06-21
      相关资源
      最近更新 更多