Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.02.2020, 03:07
Аспирант
Отправить личное сообщение для ethereal Посмотреть профиль Найти все сообщения от ethereal
 
Регистрация: 06.05.2019
Сообщений: 94

Как правильно поставить nth of type?
Здравствуйте! Подскажите как сделать на nth of type такое:


Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 22.02.2020, 09:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

ethereal,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0;
  }
  div {
      height:  27vh;
      border: 5px solid #FF8C00;
      background-color: #32CD32;
      width: 60vw;
      margin: 10px;
  }
  div:nth-child(3n + 1), div:nth-child(4n + 1) {
     width: 32vw;
     background-color:  #FF8C00;
  }

  </style>


</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно получить и присвоить данные полученные из сервера Axios, react-redux hambat Общие вопросы Javascript 5 07.03.2017 17:09
Как правильно настроить очерёдность выполнения функций? Altai Общие вопросы Javascript 8 01.02.2017 19:32
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Пасоны, как правильно парсить параметры? megaupload Оффтопик 15 05.05.2013 14:44
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14