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

Sdílet
Vložit
  • čas přidán 31. 07. 2023
  • Привет! В этом видео расскажу про новую фишку CSS - вложенность. Посмотрим на плюсы и минусы данной фичи.
    codepen.io/maxdenaro94/pen/oN... - код урока
    Меня зовут Максим Васянович. Фрилансер уже 7 лет, создал более 100 коммерческих сайтов. Куратор в онлайн-университете Skillbox, автор курса Веб-верстка. Верстальщик в lenta.com
    Понравилось? clck.ru/Gr9Ec
    Поддержать канал: boosty.to/maxgraph
    Сайт с макетами: verstaem.online/
    Мой блог: blog.maxgraph.ru
    ВК Видео: video/@maxgraph
    Мой сайт: maxgraph.ru
    Канал с полезностями в телеграм: t.me/maxgraph
    Чат для верстальщиков: t.me/maxgraph_chat
    #обучение #web_заметки #план_верстки

Komentáře • 25

  • @demiurgen13
    @demiurgen13 Před 10 měsíci +4

    При вложении класса амперсанд не требуется. Он нужен только если вкладываем элементы без одного из необходимых символов вначале. У класса идет вначале точка, и ее достаточно

    • @maxgraph
      @maxgraph  Před 10 měsíci

      Да, спасибо)

  • @246Dron
    @246Dron Před 10 měsíci +3

    Очень тихий звук голоса. А за видео спасибо!

  • @shps.online9830
    @shps.online9830 Před 10 měsíci

    Уже хочется конечно пользоваться 😂 но терпим

  • @serghiokomolov2339
    @serghiokomolov2339 Před 10 měsíci +4

    по мне лучше бы использовали логику scss: амперсанд, переменные

    • @user-xv9nz9we9d
      @user-xv9nz9we9d Před 10 měsíci

      а чем плохи переменные css?

    • @serghiokomolov2339
      @serghiokomolov2339 Před 10 měsíci

      @@user-xv9nz9we9d вопрос не в том что плохо или хорошо, в использовании одного стандарта

  • @--Sirius
    @--Sirius Před 10 měsíci +1

    По факту пока не будет сделано как в препроц. - бесполезная куета. Может быть грубо, но точно. Типа тягать за собой вереницу вложенностей , и так из-за cms носим по сути вереницу, где бэмом можно было бы. От такой вложенности наоборот избавляться надо...

    • @--Sirius
      @--Sirius Před 10 měsíci

      Сколько времени работать по факту и не сделать вообще ничего практически применимого , когда в компании команда из 10 человек больше толку для человечества привносит )) асперсанты они добавили ))) да уж 😊

  • @dukecca
    @dukecca Před 10 měsíci +2

    Может не надо слезать с CSS?😂 Может наоборот? Пусть в нем будет все? Даже js...

    • @sergejchap62
      @sergejchap62 Před 10 měsíci +1

      также не понял причину. Это значит все наработки обнулить. Зачем.

    • @maxgraph
      @maxgraph  Před 10 měsíci

      Что?

  • @jackyiakovenko
    @jackyiakovenko Před 10 měsíci

    sectarians in action 😎

  • @user-wf4np1ne2c
    @user-wf4np1ne2c Před 9 měsíci

    странный синтаксис, scss рулит!

  • @kerusdc8322
    @kerusdc8322 Před 10 měsíci

    в sass все эти вложенности да еще и без ненужных скобок, только суть:

    • @maxgraph
      @maxgraph  Před 10 měsíci +1

      Ну не всем удобно)

    • @kerusdc8322
      @kerusdc8322 Před 10 měsíci

      @@maxgraph а что может быть не удобно?
      не нужно писать эти технические ненужные скобки, только название класса и его характеристики - сказка!

    • @maxgraph
      @maxgraph  Před 10 měsíci +3

      Ну лично я пересел с синтаксиса сасс на сцсс, потому что просто привычнее)

    • @ruzzzm
      @ruzzzm Před měsícem

      Ну без скобок это вкусовщина

    • @kerusdc8322
      @kerusdc8322 Před měsícem

      @@ruzzzm в чем смысл чисто технических скобок, которые никакой смысловой нагрузки не несут, а только тратится лишнее время на их набор?

  • @user-xv9nz9we9d
    @user-xv9nz9we9d Před 10 měsíci

    так себе придумали. Дебажить чужой код при помощи девтулз просто не реально будет. Тебе нужно посмотреть какому элементу заданы стили, а у тебя в девтулз указано просто амперсанд👎

  • @virtuoz-ru
    @virtuoz-ru Před 10 měsíci

    Если использовать БЭМ, то и вложенность не нужна. Классы у всех разные. К примеру есть дочерний класс header__title. Его прописываем не так &__title, а так header__title.
    В общем именно я не вижу смысла в этих препроцессорах. Миксины можно заменить классами, переменные есть.

    • @maxgraph
      @maxgraph  Před 10 měsíci +1

      Так вложенность в scss как раз для БЭМ идеально подходит)