如何解决如何识别特定 DIV 的 ID,以便向其添加背景图像?
我买了一个 Joomla 模板,但我没有订阅支持,所以我需要自己修改样式。
解决方法
“紫罗兰色”div 没有 id;但它的父母确实如此。您不需要 Id 来匹配元素;一个独特的班级/班级组合就足够了。 为了安全起见,您可以按父 ID 和子类进行选择:
#gkHeader > .box.mediumspaces.greybg {
background-image:url(someimage.jpg);
background-repeat: no-repeat;
}
-
#gkHeader
: id 为 gkHeader 的项目; -
>
:直接子项(前一个选择器的直接子项) -
.box.mediumspaces.greybg
: 所有类用点分隔
如果您的子 div 没有独特的类组合可以让您选择一个,您仍然可以使用位置选择器来实现:
#gkHeader > div:nth-child(3)
哪里:
-
#gkHeader > div
选择<div id="gkheader">
的所有直系后代
- :nth-child(3) 选择集合中的第三项
请注意空格,
-
.class1 .class2
正在选择一个class="class2"
包含在另一个class="class1"
中的项目; -
.class1.class2
正在选择带有class="class1 class2"
的项目
如果您的规则不起作用,但您在浏览器检查器中看到它,则可能存在具有更相关选择器的规则;如果是这样,请在您的选择器中更具体(添加更多父项,或使用 ID 而不是类),或在样式后添加 !important
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。