Основи HTML & CSS для початківців #17 - Пріоритетність селекторів CSS

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025
  • НаукаНаука

Комментарии • 32

  • @DobriyyyyyPropena
    @DobriyyyyyPropena Год назад +9

    Ви дуже класно пояснюєте що та як та ще на українській мові за це вам респект!

  • @ilayeducation7269
    @ilayeducation7269 Год назад +11

    Ідеальна подача, так швидко але так вмістко, закріплюю навчання твоїми відео😊

  • @KrapochkKa
    @KrapochkKa Год назад +1

    Дуже круто розбираєте це все для нас, Дякую

  • @draganchuks
    @draganchuks Год назад +2

    Дякую за курс. Проходжу урок за уроком. Поки ніби зрозуміло. Цікаво на практиці оцінити свої сили.

  • @ГалинаТерен-п5г
    @ГалинаТерен-п5г 2 года назад +6

    Чітко і доступно) Дякую!

  • @Лєночка-ю4о
    @Лєночка-ю4о Год назад +1

    Дякую, все дуже чітко і зрозуміло

  • @pysarex
    @pysarex Год назад +3

    Дякую за відео!

  • @МаринаБоднарук-в3л
    @МаринаБоднарук-в3л 2 года назад +3

    Круто! дякую за урок!

  • @archangelmisha9668
    @archangelmisha9668 6 дней назад

    Кращий пранк над колегою за годину до дедлайна:
    * {
    display:none !important;
    }

  • @nataliab9458
    @nataliab9458 2 года назад +1

    Дякую

  • @igor_paseka
    @igor_paseka 2 года назад +1

    👍👍👍

  • @dentergun1883
    @dentergun1883 2 года назад +2

    12:00-12:10 Випишу на картонку і буду таскати з собою

  • @nadiia_fyer
    @nadiia_fyer 2 года назад +3

    Підкажіть будь ласка, якщо h1 знаходить в div, і треба h1 примінити червоний колір, то у файлі CSS треба писать h1 ... red чи div h1? В чому різниця? Хоч так, хоч так, текст всеодно становиться червоним

    • @savchukit1454
      @savchukit1454  2 года назад +5

      div h1 потрібно використовувати, якщо вам необхідно перебити які-небудь стилі, вказавши таким чином більшу пріоритентність даного стилю

  • @denysko777
    @denysko777 Месяц назад

    Якщо навестись на сам селектор, то ми бачимо таку "картину":
    Selector Specificity: (1, 0, 0)
    Є специфічність селекторів, я помітив, що якщо id, то він має таке: (1, 0, 0), якщо клас, то таке: (0, 1, 0), якщо тег, таке: (0, 0, 1)

  • @dentergun1883
    @dentergun1883 2 года назад +1

    3:19 Дооооообі з "ГАРРИ ПОТЕРРа" передає привіт)))))).Лол ви це згадали)))))))))

  • @Kerialis
    @Kerialis Год назад

    Підкажіть будь ласка. Якщо в div ми використовуємо кілька класів (умовно кажучи три), які з цих класів будуть пріоритетнішими? Пріоритет буде йти від послідовності записування їх у самому div чи від послідовності у css?

    • @savchukit1454
      @savchukit1454  Год назад +2

      послідовності в css)

    • @tutproweb
      @tutproweb Год назад

      Приоритет определяет последовательность написания стилей. Большую важность, чем приоритет, имеет специфичность (вес) селекторов. При написании составных селекторов нужно именно её учитывать.

  • @СергійВасиленко-с9ь

    А через класи у html і відповідний класовий пропис у селекторах css не замінить ці маневри?

    • @savchukit1454
      @savchukit1454  Год назад

      Не зрозумів, поясніть детальніше, будь ласка

    • @СергійВасиленко-с9ь
      @СергійВасиленко-с9ь Год назад

      @@savchukit1454 та нічого, повторно подивлюсь, бо напевно не все подивився. Дякую

  • @potiandsloti4799
    @potiandsloti4799 Год назад

    підкажіть будь ласка, де можна скачати саме таку програмку як у вас, для відпочинку очей ? так щоб без вірусів

    • @savchukit1454
      @savchukit1454  Год назад

      Eye Leo, Safe Eyes

    • @potiandsloti4799
      @potiandsloti4799 Год назад

      @@savchukit1454 дякую!

    • @denysko777
      @denysko777 Месяц назад

      В моніторі вбудованого немає? В мене є "Eye Saver Mode", він просто робить більш жовтим екран, якщо пару днів так посидіти, навіть можна звикнути до такого, але не знаю, чи є в цьому сенс/користь

  • @Dima-bg4cg
    @Dima-bg4cg Год назад

    Підкажіть будь ласка, в чому різниця класу та id?

    • @denysko777
      @denysko777 Месяц назад

      Вже напевно не потрібно, стільки часу пройшло, але це доволі просто. Дивись, створюючи клас, наприклад, який буде робити текст більш жирним, ти зможеш його підключити в будь який блок, наприклад, div, це може бути p, тобто, додати цей клас до кожного тегу, якому потрібен цей стиль. А ось ID - це ідентифікатор, який є унікальним, наприклад, створюючи профіль на ютубі, твій профіль отримує унікальний ідентифікатор, завдяки якому тебе можна відрізнити від іншого користувача та заблокувати або ще щось зробити. Так і тут, ідентифікатор можна створити і використати всього 1 раз, ти не зможеш застосувати його до декількох тегів (хоча зараз теж використав його в декількох тегах, він дійсно застосувався всюди, це дивно, я думав є якесь обмеження, але це вважається порушенням правил, хоч і можна це зробити, також в JavaScript, якщо ти спробуєш знайти за id якийсь елемент, щоб щось з ним зробити а в тебе їх буде декілька однакових, то він вибере лише 1, проігнорує інші). Але коли його використовувати, поки сам не дуже розумію.