2

我有一个 WordPress 插件,可以在我的 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 来解决这个问题。有八种不同的提要需要不同的样式,唯一的类是gce-tooltip-feed-X. 我尝试了以下方法,但没有奏效:

.gce-tooltip-feed-2 .gce-list-event .gce-tooltip-event{
    background-color: black;
}

我也尝试.gce-tooltip-feed-2在上面的声明中使用,但它没有设置头部的样式。

4

2 回答 2

1
.gce-tooltip-feed-2 .gce-list-event.gce-tooltip-event{
     background-color: black;
}

.gce-list-event.gce-tooltip-event 之间没有空格

如果你想在 gce-tooltip-feed-X 中独立于 X。您需要向 li 添加一些类。或形影不离的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{

于 2012-12-19T23:37:32.983 回答
0

尝试:

li.gce-tooltip-feed-2 .gce-tooltip-event {  
  background: black;
}
于 2012-12-19T23:44:09.843 回答