Разные стили для списка из двух колонок?

Решение может зависеть от того, какие именно стили нужно применять, точнее какой именно визуальный эффект нужно получить.

Как правильно прижимать блоки div к футеру?

а слайдер растягивался и сужался от края меню

Если "край меню" это нижняя граница меню, она же верхняя граница футера, то для высоты слайдера используйте calc и вычитайте высоту футера.
Ну либо вычитайте и футер и меню.

Как изменять масштаб svg спрайтов при изменении масштаба страницы в браузере?

Константин Рафиков,

А уже бэкграунд позишном задается положение для кокнкретной иконки.

Может, на use перейти?

Table in td белые полоски, как убрать их?

aloky, люблю вопросы с половиной информации

Как писать код быстрее?

Размытый вопрос. Нужно определиться с чем проблема, с печатанием, обдумыванием, разглядыванием, повторяющимися действиями и т.д.

Responsive web design + media quaries. Как верстать адаптивно?

Дима Долготер, понять как работает бутстрап в любом случае полезно, я согласна.

Не могу понять почему на каких то хостингах работает скрипт, на каких то нет. В чем может быть проблема?

mrWan, некоторые хостинги разрешают отправку только с вашей почты на вашем домене. А при огромном количестве рассыльщиков спама в том числе и с вашего домена без вашего участия, домены могут попадать в черный список хостера и отправка писем может быть заблокирована. Пару раз встречалась с таким. Решается разговором с техподдержкой конкретного хостера.

Как сделать слайдер с прикрепленным к текущей позиции тултипом?

https://jsfiddle.net/01kxezqs/ Визуальные эффекты дорабатывайте

Responsive web design + media quaries. Как верстать адаптивно?

Андрей Кузьмин, Бутстрап не панацея, если дизайн не был под него адаптирован.

Мне каким то не здоровым такое количество запросов)

Нормально. Сколько есть, столько есть. Все зависит от дизайна и его перестроений. И чем дальше дизайн от сеток, тем больше точек слома. Посмотрев свежим взглядом можно какие-то объединить.
Не очень хорошо, когда свойства одного и того же блока переписываются при разных условиях по много раз. (Утрировано: больше 300точек цвет красный, >400 зеленый, >500 синий, потом снова красный) Тогда интервалы лучше переписать на от 300 до 400, от 400 до 500 и т.д.

Почему больше не разваливаются блоки?

Помню раньще если делаешь два блока, один float:left, другой right и выставляешь 48% по ширине, один блок наезжая на другой (при изменении размера браузера) перескакивал вниз.

Если они 48% по ширине, то они не могли наезжать друг на друга при уменьшении окна браузера.
Это могло происходить только из-за контента внутри них, который не позволял блоку оставаться 48%, а растягивал его.
Сейчас произойдет тоже самое.

Используйте флексы :)

Table in td белые полоски, как убрать их?

aloky, Да проще повытаскивать все это из таблиц, чем разбираться почему мобилки так масштабируют, причем что во вьюпорте неизвестно.
Вероятно, надо задать высоту 100% или border-collapse, но если уж тратить время на эту верстку, то на приведение ее в нормальный порядок, а не на усиливание безобразия.

Как отцентрировать адаптивный блок?

Так, где там моя любимая ссылка..
https://learn.javascript.ru/css-center

Table in td белые полоски, как убрать их?

Я бы предложила открутить машину времени назад и вернуться из 2005 в 2018, тем более, если что-то там плохо на мобилках.
Ну а так, задать фон родителю.

Как выбрать селектор с помощью CSS?

first-of-type ничем не отличается от использования label.

Пользуйтесь :not и :first-child, :last-child и :nth-child

Как сделать hover эффект для товара?

Nina Kraviz, ох, вам бы справочник почитать
У border 3 составляющих: цвет, толщина и стиль. Допишете border-style - заработает. Либо сокращенной записью border: 1px solid red;

Задать стиль классу если input checked?

Только с изменением структуры HTML. Через CSS можно достучаться только до детей и соседей ниже по коду.
Иногда может помочь flex order.
Некоторые проблемы можно решить через ::before|::after, но нужно видеть какого эффекта нужно добиться.

Как сделать hover эффект для товара?

Nina Kraviz, у вас там

li class="post-216 product type-product status-publish has-post-thumbnail product_cat-whitetea pa_--63 first instock shipping-taxable purchasable product-type-simple"

видимо, .product будет соответствовать .catalog-item

В вашем примере на js добавляется класс. Можно сделать без js, просто по обычному hover.
В примере блоки расставлены флоатами, сейчас актуальнее флексы.
По сути, вам надо сотворить примерно такое: https://jsfiddle.net/Ankhena/yj26prve/

Как сделать hover эффект для товара?

Nina Kraviz, я сказала лишь к каким селекторам применены стили на сайте образце. Вам нужно применить эти же стили к вашим аналогичным селекторам.

Как сделать hover эффект для товара?

Nina Kraviz, сделайте пример на jsfiddle.net

применял к .catalog-item

Я не обнаружила у вас тегов .catalog-item, так что было бы странно, если бы они применились.
Впрочем и не пыталась перелопатить все страницы вашего сайта.

Как сделать hover эффект для товара?

Exploding, Nina Kraviz ну уж точно не span, а дальше по обстоятельствам
https://habrahabr.ru/post/317728/