Если по простому, то '+' указывает на следующий элемент после указанного в каскаде.
Т.е. .letters a:hover - это тег a, лежащий в контейнере с классом .letter а указатель + подразумевает, что обращение идет к следующему непосредственно за тегом а, с одним общим родителем. Т.е. тег с классом .names должен идти сразу за тегом a и находиться внутри .letters
Если между тегами будет что-то иное, другие теги, или они окажутся в разных контейнерах, то этот каскад не сработает.
Анатолий Конечно. https://idangero.us/swiper/api/ - раздел touches - всё что угодно для свайпов.
Components -> Navigation - тут всё что нужно для кастомизации навигации. Отдельно - пагинация.
О, я немного протормозил (Owl устарел) - вот хороший слайдер, в последнее время им пользуюсь. Есть порт и для реакта, мне очень понравился https://idangero.us/swiper/
Что-то мне кажется что все ваши беды из-за незнания мета
meta name="viewport" content="width=device-width,height=device-height"...
А еще можно хорошо работать с media-queries, которые отлично умеют работать как в ориентацией дисплея, так и с плотностью точек для совсем извращенных вариантов https://css-tricks.com/snippets/css/retina-display...
Эти штуки позволяют творить что угодно с адаптивным и респонсивным отображением сайта.
not:( :nth-child) сработает если страница на века неизменна.
Альтернатива - для этого дива добавить класс-модификатор, либо на оборачивающем его блоке добавить класс-модификатор и отталкиваться от этого. Либо, если определенный див находится среди точно таких-же - посмотреть на разметку, может он должен всегда соседствовать с другим уникальным классом, тогда можно использовать конструкции вида .css1+.css2 и другие способы. Можно даже опираться на какие-либо уникальные атрибуты дива (если они имеются в наличии),
Если будет пример - можно сузить рекомендации ))
Если необходимо, чтобы блок показывался как раздвигающаяся шторка - обертку нужно делать overflow: hidden и анимировать трансформом высоту. Проблема обычно вылезает в анимации к неизвестному значению высоты блока. Если величина известна, либо ее можно посчитать через js в тени, то будет отлично. Иначе - придется задавать заведомо большую высоту с запасом и получать на маленьких блоках резкие рывки, либо оборванную на больших.
Anton прошу прощения, не верно понял задачу. Селект - это нативный элемент формы, который рендрится в разных браузерах так, как захотели разработчики, с кучей ограничений. Для следования пиксель-перфект верстке требуется заместить такой селектор на кастомный, в интернете их оч много. Ну, или забить :)
Такая же беда с полем ввода для загрузки файла, кстати. Только еще похуже.
Кстати, что хелпер, что верстка - негодные примеры в плане семантики и влияния на производительность кода.
Оформление, назначенное на теги - признак плохой верстки.
Это не решение проблемы. И это - не проблема, которую надо решать.