Помогите составить селектор похитрее

199

12 февраля 2019, 04:30

Селекторы должны перечисляться у одного правила {color: red}.
Отменять значения нельзя - не известно какие они были до замены вашим селектором.

Надо чтобы было так:

Код такой:

.parrent { 
  display: flex; 
  justify-content: space-evenly; 
  margin-bottom: 1em; 
} 
 
.child { 
  width: 100px; 
  height: 100px; 
  border: 2px solid; 
  background-color: blue; 
}

<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div> 
<div class="separator"></div> 
<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div>

ps: .parrent ~ .parrent .child:nth-child(3) - очевидно, можно не писать...

Answer 1

.parrent { 
  display: flex; 
  justify-content: space-evenly; 
  margin-bottom: 1em; 
} 
 
.child { 
  width: 100px; 
  height: 100px; 
  border: 2px solid; 
  background-color: blue; 
} 
 
.parrent:nth-child(4n+1) > .child:nth-child(1), 
.parrent:nth-child(4n+1) > .child:nth-child(2), 
.parrent:nth-child(4n+3) > .child:nth-child(3) { 
  background-color: red; 
}

<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div> 
<div class="separator"></div> 
<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div> 
<div class="separator"></div> 
<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div> 
<div class="separator"></div> 
<div class="parrent"> 
  <div class="child"></div> 
  <div class="child"></div> 
  <div class="child"></div> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Почему не выполняется скрипт? Новичок [закрыт]

Это мой первый урок javascriptHello выводится при открытии страницы, а скрипт не выполняется

187

javascript

слишком много return Promise javascript

каждая функция внутри функции send_cash_toClient содержит промис(return new Promise) и возвращает resolve, поэтому после каждой функцииthen((status), и я вызываю эту...

205

javascript

Как написать кастомный цикл

Как все знают, существуют циклы while, do while и for в JavaScriptСделать кастомные циклы можно с помощью других циклов

200

javascript

Применение скобочной нотации в JavaScript

Пожалуйста, объясните простыми словами, что дает скобочная нотация в JavaScript? Почему иногда это лучше, чем прямое присваивание свойству объекта?

196