:nth-of-type(1)
:nth-first-child
:nth-child(1)

это синонимы?

зависит от контекста

не все и не всегда, там свои особенности, особенно у оф-тайп (если не ошибаюсь фёрст оф тайп тоже существует)
чайлды бьют дочерний блок по номеру, а оф-тайп выбирает не все дочерние а только те которые нужного типа и потом уже считает.
погугли сравнение или спеку оф-тайп глянь там должно быть описаны все особенности

Один для родителя, другой для дочки

:nth-child
Используется для сопоставления элемента на основе числа, которое представляет позицию элемента в DOM

:nth-first-child
Аналогичен :nth-child(1)

:nth-of-type
Это число, однако, представляет позицию элемента в пределах только тех из его родных элементов, которые имеют тот же тип элемента.

:first-of-type
Аналогичен :nth-of-type(1)

Вроде так перевёл сравнение..

Если брать пример, то:
.example p:nth-child(odd) { background: #ffdb3a; }
.example p:nth-of-type(odd) { background: #ffdb3a; }

В первом случае выделится каждый второй элемент, вне зависимости какой тип у него, а во втором случае исключительно каждый второй параграф, если я всё верно понял

в первом есть огромный подвох. что если второй элемент не п?

Тогда пример неудачный

наоборот, очень удачный, сразу понятно зачем этот оф тайп вообще.

Просто как я понял, в первом варианте если не параграф то тоже пропустит

так и есть.

Учитывая что цепляется к параграфу

А если .example :nth-child(odd) тогда уже без разницы

да, только ты понимаешь что ты пробелом стреляешь по всем поомкам в 12м колене? =)
есть короче такая штука крутая про селекторы, ща найду и скину. от режиссера флексбоксфрогги и грид гарден

ух-ты, прикольный сервис

спасбо

Кто может помочь с curl ?  НИкак не получается вытянуть данные о стоимости доставки https://system.skladusa.com/ru/calculator/for-site

curl_setopt($ch, CURLOPT_HEADER, true);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_COOKIE, "SFSESSID=ctnr2nmkhfaplc0hceu5hcj785; ");
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0');
curl_setopt($ch, CURLOPT_TIMEOUT,50);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, TRUE);
curl_setopt($ch, CURLOPT_COOKIESESSION, true);
curl_setopt( $ch, CURLOPT_ENCODING, "UTF-8" );

Всем привет, подскажите почему блок с текстом расширяет мою грид ячейку, и что можно сделать чтобы текст не расширял ячейку а применялся text-overflow: elipsis