0

次のリストがあります。

<ul>
  <li class="parent">1.</li>
  <li class="child">1. first</li>
  <li class="child">1. second</li>
  <li class="child">1. third</li>

  <li class="parent">2.</li>
  <li class="child">2. first</li>
  <li class="child">2. second</li>
  <li class="child">2. third</li>
  <li class="child">2. fourth</li>
  <li class="child">2. fifth</li>

  <li class="parent">3.</li>
  <li class="child">3. first</li>
  <li class="child">3. second</li>
  <li class="child">3. third</li>
  <li class="child">3. fourth</li>

  <li class="parent">4.</li>
  <li class="child">4. first</li>
  <li class="child">4. second</li>
  <li class="child">4. third</li>
</ul>

firstおよび最後の要素に指定された背景を設定したい。私は問題ありませんがfirst：

.parent + .child {
  background-color: whitesmoke;
}

その後、靴型をどうするかわかりません。

.child簡単に: の前に一致させたい.parent。

4

4 に答える 4

2 
li:nth-child(2n+2) {
  background-color: whitesmoke;
}

n番目の子セレクターを探しています。 http://jsfiddle.net/mKH7j/

于 2013-11-15T07:49:43.703 に答える
1

jquery.prev()セレクターを使用できます：

$('.parent').prev().css( "background-color", "red" );

http://jsfiddle.net/gC53q/1/

CSS には、前子セレクターはありません。こちらをご覧ください

于 2013-11-15T08:08:16.680 に答える
0

3 つの子セレクターの 3 番目が必要なので、3 番目の兄弟を選択します。

.child + .child + .child { background-color: red; }

http://jsfiddle.net/gC53q/

于 2013-11-15T07:54:16.517 に答える
0

これはjqueryのないものです：

li:nth-child(2n) { background: red; }
li:nth-child(4n) { background: whitesmoke; }

そして、ここにデモがあります：http://jsfiddle.net/G8vCZ/1/

于 2013-11-15T09:50:49.173 に答える