Таргетинг на все остальные отдельные li в нескольких списках

Question

Таргетинг на все остальные отдельные li в нескольких списках

0

Я надеюсь, что это не отправлено где-то в другом месте, я, конечно, не смог его найти. Даже не уверен, как объяснить это в поиске... По сути, я хочу настроить таргетинг на все остальные "контенты 1", скажем так, что все они имеют чередующиеся фоны. Достаточно легко настроить каждый второй элемент li с nth: child, однако я не могу понять, как выбрать КАЖДОГО ДРУГОГО li-ребенка из разных списков, чтобы "a" и "c" имели темный фон, а "b" и "d" - имеют стиль по умолчанию.

<ul>
<li>content</li>
<li>content 1</li> //a//
</ul>

<ul>
<li>content</li>
<li>content 1</li> //b//
</ul>

<ul>
<li>content</li>
<li>content 1</li> //c//
</ul>

<ul>
<li>content</li>
<li>content 1</li> //d//
</ul>

Изменить. Я пытаюсь сделать это в рамках установки Wordpress, в частности, к изображенному изображению внутри встроенного шаблона блогов. Таким образом, элементы li генерируются динамически, поэтому у меня нет прямой возможности добавить класс к элементу li. Хотя я мог теоретически отредактировать php, я надеялся, что есть способ нацеливаться через CSS...

user3543216 17 апр. 2014, в 01:44

Источник

Теги:

html

css

css-selectors

2 ответа

Ещё вопросы

Bas · Answer 1 · 2014-05-18T13-06-00.000Z

Или вы можете просто вызвать его по этому фрагменту кода:

ul:not(:first-child) > li:nth-of-type(2){
    color: red;
}

Демо здесь

AlienWebguy · Answer 2 · 2014-04-16T21-12-00.000Z

Ты слишком сильно ее оскорбляешь.

CSS:

.alt-row {
    background-color : #DDD;
}

HTML:

<ul>
<li>content</li>
<li>content 1</li> //a//
</ul>

<ul>
<li>content</li>
<li class="alt-row">content 1</li> //b//
</ul>

<ul>
<li>content</li>
<li>content 1</li> //c//
</ul>

<ul>
<li>content</li>
<li class="alt-row">content 1</li> //d//
</ul>

Извините, наверное, мне следовало дать больше информации. Я пытаюсь сделать это в рамках установки WordPress, в частности, для показанного изображения во встроенном шаблоне блогов. Таким образом, элементы li генерируются динамически, поэтому у меня нет прямой возможности добавить класс к элементу li. Хотя я теоретически мог редактировать php, я надеялся, что есть способ нацеливаться через CSS ...