我已经在我的WP博客上生成了一个日历。它实际上从我的几个日历中提取并将所有事件显示在一起。这是生成的HTML的相关部分:
<div class="gce-event-info">
<ul>
<li class="gce-tooltip-feed-2">
<div class="gce-list-event gce-tooltip-event">Group 2</div>
我需要在这里的每个标题部分(所以说“组2”)的背景样式不同,但我不确定如何使用CSS。有八个不同的feed需要采用不同的样式,唯一的类是
gce-tooltip-feed-X
。我尝试了以下方法,但没有成功:.gce-tooltip-feed-2 .gce-list-event .gce-tooltip-event{
background-color: black;
}
我也试过在上面的声明中使用
.gce-tooltip-feed-2
,但它没有设置头部的样式。 最佳答案
.gce-tooltip-feed-2 .gce-list-event.gce-tooltip-event{
background-color: black;
}
.gce-list-event.gce-tooltip-event之间没有空格
如果你想在gce-tooltip-feed-X中独立于X。
你需要给李加一些课。或不可分割的X。
选项1:
<li class="gce-tooltip-feed-2">
替换为
<li class="gce-tooltip-feed-2 gce-tooltip-feed">
选择2:
<li class="gce-tooltip-feed-2">
替换为
<li class="gce-tooltip-feed number2">
选项1和2的css:
.gce-tooltip-feed .gce-list-event.gce-tooltip-event{