【在样式化时排除特定的元素】我在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;
}
它将排除页眉和页脚徽标图像的边框。
推荐阅读
- 通过WordPress仪表板导出wp内容()
- 从查询中排除预定的post
- 记一次删除PostgresSql数据库 报错(有 N 个其它会话正在使用数据库 的解决方案)
- 记一次Centos禁用SELinux
- 记一次 Centos7PostgreSql数据库安装扩展
- 记一次Notepad++安装NppFTP连接Linux 系统(例如(Centos))
- CentOS7 防火墙相关操作与端口配置 (收集+持续更新)
- 记一次Centos7 手动安装Mysql 5.7 数据库 (使用 Mysql的 rpm文件)
- Linux之ssh-copy-id命令