使用多个类设置背景样式

Question

我有a plugin for 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进行此操作。有八种不同的Feed需要采用不同的样式，唯一的类是gce-tooltip-feed-X。我尝试了以下方法，但它不起作用：

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

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

Answer 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. 你需要添加一些类。或者是不可分割的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{

Answer 2

尝试：

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