2012-12-19 36 views
2

我有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試過了,但它並沒有樣式的頭部。

回答

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

沒有.gce一覽event.gce-提示事件

如果你想在GCE-提示飼料-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">

的CSS選擇1和2:

.gce-tooltip-feed .gce-list-event.gce-tooltip-event{

+0

也做了,你的解釋是有道理的。謝謝! – vaindil

+0

歡迎您:) – Damonsson

0

嘗試:

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