2

WP ブログにカレンダーを生成するWordPress 用のプラグインがあります。実際には、いくつかのカレンダーから取得して、すべてのイベントをまとめて表示します。これは、生成された 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 を使用してこれを行う方法がわかりません。異なるスタイルを設定する必要がある 8 つの異なるフィードがあり、固有のクラスは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 に答える