Как через :nth-child игнорировать каждый третий дочерний елемент?

246
28 января 2018, 00:55

Как через :nth-child игнорировать каждый третий дочерний элемент?

Answer 1

:not + :nth-child

p:not(:nth-child(3n)) { 
  color:red; 
}
<div> 
<p>1</p> 
<p>2</p> 
<p>3</p> 
<p>4</p> 
<p>5</p> 
<p>6</p> 
<p>7</p> 
<p>8</p> 
<p>9</p> 
<p>10</p> 
</div>

:nth-child

p:nth-child(3n+1), 
p:nth-child(3n+2) { 
  color:red; 
}
<div> 
<p>1</p> 
<p>2</p> 
<p>3</p> 
<p>4</p> 
<p>5</p> 
<p>6</p> 
<p>7</p> 
<p>8</p> 
<p>9</p> 
<p>10</p> 
</div>

READ ALSO
Сложный sql запрос с условием

Сложный sql запрос с условием

Помогите составить sql запросЕсть таблицы:

222
Не работает LEFT JOIN yii2

Не работает LEFT JOIN yii2

В контроллере пишу следующие

286
Сложный mysql select

Сложный mysql select

Есть 6 таблиц:

291
Xamarin и ошибки

Xamarin и ошибки

Разрабатываю в MS Visual Studio 2017 Community, тестирую на телефоне Xiaomi через приложение LivePlayerКогда происходит ошибка, на телефоне в нижней части экрана...

229