Как на основе input-ов перебрать все варианты и вывести определенный блок, который сначала скрыт?

Может, вас устроит решение с чекбоксами и чистым CSS?

Как сделать перенос блока во flexbox?

Вероятнее всего, в сторону js

Как убрать последний элемент в sass?

И что именно нужно скрыть, сам последний элемент или его псевдо?

Как в CSS выбрать первый элемент с определенным классом?

nth-of-type привязываются к типу (тегу) элемента, а не к классу.
Либо заменить нужные div на article, section и т.д. либо js

Как убрать такие маленькие отступы между блочно-строчными элементами без "костылей"?

Rsa97, мешает 0 надежности этого способа. Будет работать до первого редактирующего, которому захочется нажать на beautify или reformat code или типа того, чтобы код в редакторе был читаемым.
Верстка не должна зависеть от того, минифицирован код или вновь развернут "лесенкой".

Как убрать такие маленькие отступы между блочно-строчными элементами без "костылей"?

Конечно, пробельные, это же инлайн-блоки

Как отформатировать правильно блоки через flex?

ma4t, отмечайте решением ответы, приносящие пользу

Как переопределить правила из атрибута style?

reevpro, Так внутри еще теги со своими правилами.

Варианты:
1. Нанять студента и почистить контент от мусора.
В визуальном редакторе убрать кнопки отвечающие за размер и начертание шрифта.
Добавить предустановленные стили.
Например, CKeditor позволяет такое.

2. На js убрать все атрибуты style из тех блоков, которые доступны для редактирования клиентом.
Не очень умное решение, потому что мусор-то в коде останется. Но умнее, чем 3ий вариант.

3. Перебивать все с помощью !important

А не работает со шрифтом, потому что у вас в стилях для strong, который лежит внутри того p, которому вы пытаетесь изменить шрифт уже вот такое:

ужос там, в спойлере

Есть ли для андройда приложение, которое показывает лучшие приложения?

"Топ приложений" на маркете не помогает?

Визуальный редактор CSS grid или Bootstrap?

Сложно верится что верстальщики пишут каждый раз все в блокноте.

Верстальщики как раз именно так делают, ну разве что не в блокноте.
И это проще, быстрее и приятнее, чем потом чистить ̶п̶о̶м̶о̶й̶к̶у̶ код, который получился в визуальном редакторе. А про адаптив лучше совсем промолчу.

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

Возможно ли не учитывать определенные элементы при nth-of-type?

nth-of-type привязывается к тегами, а не к классами, поэтому, если вы поменяете block_off на div, а в стилях напишете

article.on:nth-of-type(odd) {
    margin-right: 10px;
    background: #999;
}

article.on:nth-of-type(even) {
    margin-left: 10px;
    background: #900;
}

то все будет хорошо

Какая лучшая CMS с WYSIWYG редактором и с добавлением классов?

CKeditor интегрируется в любую (или близко к тому) CMS

Как сделать кнопку с порваным верхним бордером?

Полина Емельянова, разные браузеры по разному округляют проценты. Можно пробовать делать точки не 10px - 10px, а 10 и 11.

Там все промежутки от ширины зависят, на четкие px не заменить?

На моем мониторе и при моем зрении нечеткости не видно.
Даже увеличенный скрин:


Более умного решения не придумала.

Как сделать кнопку с порваным верхним бордером?

Полина Емельянова, https://jsfiddle.net/bw42rugo/

Блочный span не перенимает эффекты от a:hover. Как исправить?

Максим Ленский, да почему же "как бы нет"?
Ведёт себя как блок и четко написано, что блок.

Блочный span не перенимает эффекты от a:hover. Как исправить?

Максим Ленский, неактивно, потому что из-за абсолюта, а не из правил стилей верстальщика или браузера.

Как не допускать банальных ошибок?

У автора правильнее ответ, потому что не перебиваются стили.
Альтернатива :not(:first-child) либо симметрично с last-child.

Как сделать модальное окно на html?

https://waksoft.susu.ru/blog/2016/07/16/tvorchesko...

Как опустить блок div который перекрывает верхний блок div?

Нужно выложить минимальный код, демонстрирующий проблему в любую из песочниц, jsfiddle.net, codepen.io и т.д.

Без кода: вероятнее всего первый блок имеет абсолютное позиционирование и выведен из потока. Значит, нужно определиться необходим ли там абсолют, если вдруг "да" (по макету-то "нет"), то задать высоту родителю либо верхний отступ наезжающему блоку.

Как получить innerText текущего элемента?

Зачем?
Я к тому, что зная задачу, можно предложить вменяемый способ ее решения.