Вложенность в чистом CSS. CSS Nesting

  Рет қаралды 2,239

MaxGraph - cайты как страсть

MaxGraph - cайты как страсть

Күн бұрын

Привет! В этом видео расскажу про новую фишку CSS - вложенность. Посмотрим на плюсы и минусы данной фичи.
codepen.io/max... - код урока
Меня зовут Максим Васянович. Фрилансер уже 7 лет, создал более 100 коммерческих сайтов. Куратор в онлайн-университете Skillbox, автор курса Веб-верстка. Верстальщик в lenta.com
Понравилось? clck.ru/Gr9Ec
Поддержать канал: boosty.to/maxg...
Сайт с макетами: verstaem.online/
Мой блог: blog.maxgraph.ru
ВК Видео: video/@...
Мой сайт: maxgraph.ru
Канал с полезностями в телеграм: t.me/maxgraph
Чат для верстальщиков: t.me/maxgraph_...
#обучение #web_заметки #план_верстки

Пікірлер: 25
@demiurgen13
@demiurgen13 Жыл бұрын
При вложении класса амперсанд не требуется. Он нужен только если вкладываем элементы без одного из необходимых символов вначале. У класса идет вначале точка, и ее достаточно
@maxgraph
@maxgraph Жыл бұрын
Да, спасибо)
@serghiokomolov2339
@serghiokomolov2339 Жыл бұрын
по мне лучше бы использовали логику scss: амперсанд, переменные
@Канал-м6ц
@Канал-м6ц Жыл бұрын
а чем плохи переменные css?
@serghiokomolov2339
@serghiokomolov2339 Жыл бұрын
@@Канал-м6ц вопрос не в том что плохо или хорошо, в использовании одного стандарта
@shps.online9830
@shps.online9830 Жыл бұрын
Уже хочется конечно пользоваться 😂 но терпим
@--Sirius
@--Sirius Жыл бұрын
По факту пока не будет сделано как в препроц. - бесполезная куета. Может быть грубо, но точно. Типа тягать за собой вереницу вложенностей , и так из-за cms носим по сути вереницу, где бэмом можно было бы. От такой вложенности наоборот избавляться надо...
@--Sirius
@--Sirius Жыл бұрын
Сколько времени работать по факту и не сделать вообще ничего практически применимого , когда в компании команда из 10 человек больше толку для человечества привносит )) асперсанты они добавили ))) да уж 😊
@виртуоз_ру
@виртуоз_ру Жыл бұрын
Если использовать БЭМ, то и вложенность не нужна. Классы у всех разные. К примеру есть дочерний класс header__title. Его прописываем не так &__title, а так header__title. В общем именно я не вижу смысла в этих препроцессорах. Миксины можно заменить классами, переменные есть.
@maxgraph
@maxgraph Жыл бұрын
Так вложенность в scss как раз для БЭМ идеально подходит)
@246Dron
@246Dron Жыл бұрын
Очень тихий звук голоса. А за видео спасибо!
@dukecca
@dukecca Жыл бұрын
Может не надо слезать с CSS?😂 Может наоборот? Пусть в нем будет все? Даже js...
@sergejchap62
@sergejchap62 Жыл бұрын
также не понял причину. Это значит все наработки обнулить. Зачем.
@maxgraph
@maxgraph Жыл бұрын
Что?
@АртемКа-в3к8й
@АртемКа-в3к8й Жыл бұрын
странный синтаксис, scss рулит!
@Канал-м6ц
@Канал-м6ц Жыл бұрын
так себе придумали. Дебажить чужой код при помощи девтулз просто не реально будет. Тебе нужно посмотреть какому элементу заданы стили, а у тебя в девтулз указано просто амперсанд👎
@jackyiakovenko
@jackyiakovenko Жыл бұрын
sectarians in action 😎
@kerusdc8322
@kerusdc8322 Жыл бұрын
в sass все эти вложенности да еще и без ненужных скобок, только суть:
@maxgraph
@maxgraph Жыл бұрын
Ну не всем удобно)
@kerusdc8322
@kerusdc8322 Жыл бұрын
@@maxgraph а что может быть не удобно? не нужно писать эти технические ненужные скобки, только название класса и его характеристики - сказка!
@maxgraph
@maxgraph Жыл бұрын
Ну лично я пересел с синтаксиса сасс на сцсс, потому что просто привычнее)
@ruzzzm
@ruzzzm 5 ай бұрын
Ну без скобок это вкусовщина
@kerusdc8322
@kerusdc8322 5 ай бұрын
@@ruzzzm в чем смысл чисто технических скобок, которые никакой смысловой нагрузки не несут, а только тратится лишнее время на их набор?
Селекторы is, where
4:45
MaxGraph - cайты как страсть
Рет қаралды 1,5 М.
⚡️ Эта новинка CSS уничтожила SCSS
19:37
Анна Блок
Рет қаралды 30 М.
Nastya and balloon challenge
00:23
Nastya
Рет қаралды 66 МЛН
ПРИКОЛЫ НАД БРАТОМ #shorts
00:23
Паша Осадчий
Рет қаралды 6 МЛН
Spongebob ate Patrick 😱 #meme #spongebob #gmod
00:15
Mr. LoLo
Рет қаралды 17 МЛН
JWT авторизация. Основы JWT - механизма.
6:45
Хочу вАйти
Рет қаралды 10 М.
ОВР Шоу:  Серебряная свадьба @ovrshow_tnt
12:07
ОВР Шоу
Рет қаралды 402 М.
The new CSS pseudo-classes explained - :is() :where() :has()
13:50
Kevin Powell
Рет қаралды 138 М.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 371 М.
The differences between CSS and Sass Nesting
12:12
Kevin Powell
Рет қаралды 30 М.
Is Computer Science still worth it?
20:08
NeetCodeIO
Рет қаралды 335 М.
Препроцессор Sass/SCSS за 17 минут
17:49
Code Lab - Уроки по программированию
Рет қаралды 15 М.
7 Лет Опыта в IT | Что я Понял?
19:56
Vlad Mishustin
Рет қаралды 169 М.