Как получить элементы, у которых отсутствует определённый класс?

.element-1:not(.none)

Как обернуть группу тегов в div, чтобы работали вкладки (табы)?

инпуты
потом div|ul с лейблами
потом div с контентными блоками
И селекторы с ~

Но вообще, JS

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey, а, вспомнила, align-self ещё для маленького

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey,

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

Да, именно так. Поэтому свои стили должны быть последними.

все равно не помогло

Через dev tools работало.

Какой шрифт выносить в константы в sass?

Вы, конечно, так чудно спросили без макета...

Сейчас возникла идея, что каждый вид было бы удобно вынести extend...

Уж лучше класс.

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

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey,
1. Для работы стики, родительскому блоку не нужен relative, это я выше написала ерунду. Извините.
2. Почему у вас бутстрап подключается после ваших стилей?? Всегда сначала сбросы, бутстрапы, стили каруселей и прочее барахло. И последней строкой, как волшебница в сказке, ваши стили.
3. Стики не будет работать, если у родителя на любом уровне (бабушки, дедушки, прабабушки) есть overflow.
У вас он задан прямо для body (фу-фу так делать, да и на мобилках все равно не спасет)

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

Сайпи Курбанов, смешно :)

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

:placeholder-shown в сочетании с :not
Сам атрибут placeholder тоже должен присутствовать

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey,

summary маленькое?

Я про песочницу
Либо summary либо то, что после либо экран слишком большой :) Поэтому не достает до низа.

Вот пример куда я пробую это применить. Не песочница. Вот в этом месте

relative-то где?

Как в Swiper-слайдере реализовать переключение слайдов по щелчку на ссылку?

oksana_melikhova, https://swiperjs.com/demos#thumbs-gallery

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey, да без разницы что там делать высоким. Если нечего прокручивать, то и не прилипнет. Просто потому что не достает.

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

Вот я задаю summary position sticky - кручу по галерее, а summary не прилипает.

В примере нет summary. Но предположим, что это .side

Что-то наверно перебивает?

Да, геометрия немножко мешается...
Задайте для .footer height: 100vh
Надеюсь, что прояснится.

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey, не вижу внизу ничего кроме обычных padding и margin

Как в Swiper-слайдере реализовать переключение слайдов по щелчку на ссылку?

Посмотрите на вариант свайпера с превью.
Эти ваши типа ссылки это превью и есть.

Их можно сделать реальными ссылками, но в js задать preventDefault()

Как убрать лишний "мусор" при всталвке из word в CKeditor 5?

Раньше там была для этого прямо отдельная кнопка. Был просто paste и paste с очисткой.

Как показывать определённый кнтент при нажатии на радио кнопки?

Зачем для этого JS? (Если на JS, то это кнопки, а не радио)

<input type="radio" id="ur" class="radio" name="category">
<input type="radio" id="company" class="radio" name="category">
<label for="ur" class="radio__label">Юр. лицо</label>
<label for="company" class="radio__label">ФОП</label>
<div class="registration__ur">
  registration__ur
</div>
<div class="registration__fop">
  registration__fop
</div>

.registration__ur, .registration__fop {
  display: none;
}

#ur:checked ~ .registration__ur {
  display: block /*или какой там ему нужен*/
}
#company:checked ~ .registration__fop{
  display: block /*или какой там ему нужен*/
}

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

jsfiddle не работает в России, лучше переделать на codepen.io

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

но разве в 2023 нет нативного css способа сделать так?

Есть. И не только в 2023. Это position absolute. Для флексов.

Для гридов есть grid-template-rows: fit-content(0) и overflow-y auto

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

Но тут посложнее - summary перестает быть avsolute или fixed не совсем когда перестают скроллить, а когда доскроливают где-то пикселей 30-50 до низа галереи. Я не сильно пойму логику.

Там в top передается высота хедера через кастомное свойство css.
И обычный position sticky

Поизучайте что там есть в инструментах разработчика.

Показать блок поверх другого без absolute?

Гридами.
Но размер будет определяться большим из них или по соседним блокам, если stretch.