Основы CSS - #2 - Селекторы

Подписаться 384 тыс.

Просмотров 149 тыс.

50% 1

Пройди БЕСПЛАТНО профориентацию в IT - bit.ly/2NLILne
В этом уроке мы рассмотрим все возможные виды селекторов. Это: универсальный селектор, селектор элементов, селектор классов, селектор идентификаторов, селектор атрибутов, cелектор потомков (контекстный селектор), cелектор дочерних элементов, cелектор сестринских элементов, cелектор псевдоклассов, cелектор псевдоэлементов
Смотрите курс "HTML для начинающих" : • HTML для начинающих
Школа онлайн-образования: loftschool.com/
Telegram: telegram.me/loftblog
Slack: slack.loftblog.ru/
Сайт: loftblog.ru/
Instagram: / loftblog
Группа вконтакте: loftblog
Facebook: / loftblog
Twitter: / loft_blog
Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogCSS
Полезные уроки для веб-программиста: #вебпрограммист
#CSS
Поставь лайк - смотивируй автора писать еще :)

Опубликовано:

12 июл 2014

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 105

@alekseilitvinau 8 лет назад

Превосходно! Лучшее что я видел о CSS.Никакой воды. Супер!

@aggrosparrow 8 лет назад

Всё доступно и элементарно. Не слушайте тех, кто говорит: "Сложна! :("

@4trun 6 лет назад

Я понял почему так громко слышно мышку!!! Потому что это вовсе не мышка, а тачпад! Спасибо, отличный урок!)

@olexiyternovy6250 7 лет назад

очень большое человеческое спасибо!

@user-vr8wg6kq7s 8 лет назад

Николай спасибо за ваш труд.

@user-py5ws8hm4u 5 лет назад

Продолжай в том же духе! Спасибо, что на ютубе есть такие ЛЮДИ

@naix136 3 года назад

Спасибо за рекомендации ютуб......спустя 6 лет

@user-he8ln9hh8w 8 лет назад

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

@MrSekator 5 лет назад

Все по полочкам разложил. Так держать! Интересно и доступно любому для понимания. Лайк однозначно.

@user-wz1tn7fn4s 7 лет назад

Спасибо за видео. Учу HTML много видео есть, но тянет только на видео вашего канала -)

@aniblacktv59 6 лет назад

Спасибо вам большое!!!!! 19 минут пролетели как буд-то 3 минуты. Вообще не заметно. Очень интересно и понятно.

@felicitafelicita9112 Год назад

Огромная благодарность за ваш труд👏👏👍

@user-cm1zg6we8v 7 лет назад

Спасибо. Всё быстро, наглядно и чётко.

@user-wx1et1yd5d 9 лет назад

Объясняете быстро и легко. Хотелось бы на вашем канале о CSS3 послушать.

@stan_fise2519 7 лет назад

спасибо вам за этот ролик Не плохо было бы если в будующих уроках также будете объяснять !Чётко!!!

@mylomali4933 7 лет назад

Большое спасибо. Всё няглядно и по полочкам) Останется только как-то начать практиковаться.

@igorshaula9097 8 лет назад

замечательное видео! спасибо!!!

@nabi8297 3 года назад

Спасибо за урок! Благодарю и ценю ваш труд

@darjamilova5029 9 лет назад

Спасибо! Все легко и понятно! Суперски объясняете :)

@user-hk3gh2ys4j 6 лет назад

Лучший из лучших! Все нужное здесь, вся вода на других каналах!

@sergekim5499 7 лет назад

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

@user-fh2sy9mr7b 5 лет назад

спасибо каждый курс по html про лайкал и комментарии оставил под некоторыми ну и по css и js т.д. пролайкаю и просмотрю ну и про комментирую спасибо вам за это весьма благодарен!

@miss_excl Год назад

Все видео крутые)) Спасибо ОГРОМНОЕ :) Добра Вам

@user-wo2np9de1i 7 лет назад

Молодец, спасибо огромное!!!!

@pechatnik 3 года назад

Спасибо, все понятно стало с первого просмотра!

@user-nj7pw3lw5p 7 лет назад

Лайк однозначно, в loftbloge их можно ставить наперед)

@sportteam6195 4 года назад

Неплохое видео. Вообще, я на разных каналах пробовала именно начальные уроки CSS, но везде не понравилась подача, смотрю только после пройденного материала на курсе ради интереса, вдруг еще чего-то увижу нового. Я изучаю CSS через прописной курс на сайте уже неделю и там таки более информативно, нежели на ютуб-каналах, больше нюансов, чем просто: "это правило, сюда добавим, это так и этак".

@user-se6hv6gx3o 2 года назад

Огонь!!! Спасибо)

@itskost-3253 8 лет назад

Спасибо большое!

@user-kz8jo4gz1u 9 лет назад

Спасибо!

@alexpakhomenkov 8 лет назад

Ай, умничка... супер!

@viacheslavbutov8310 7 лет назад

спасибо, то что надо!

@user-sb8ch3ig1g 7 лет назад

спасибо за ваш труд

@user-nj1dv1rm9c 4 года назад

Спасибо Вам за видео урок

@dobrovedic369 2 года назад

Быстровато - видно что человек, очень прокаченный. Быстро перепрыгивает, обьем большой без воды. Но я плыву от такого потока цунами - мощь подачи

@yuriypetrichenko3815 6 лет назад

Спасибо!)

@user-fx4tq3cz2w 4 года назад

Спасибо за урок, все ясно, понятно, доходчивым языком и особо отмечу речь: то, что нужно - с толком, смыслом, расстановкой. Но соглашусь с раннее описаным замечанием: звук клавиатуры просто вымораживает! Может Вам попробовать писать звук с петличкой?

@gameestory 8 лет назад

спасибо

@Oksana_Bon 8 лет назад

спасибо, классно!

@olegzakiyanc9653 4 года назад

спасибо лучшие уроки

@tilekbakytbekov4630 4 года назад

2014-2020 спасибо за видео

@user-hr2kw3lo9k 8 лет назад

хорошие уроки.

@dota2guides547 9 лет назад

Респект!!!

@geazy2738 6 лет назад

СПАСИБО))

@cotreigen8189 5 лет назад

Все отлично

@lada.s1ng 3 года назад

браво

@volodymyrderunov6790 5 лет назад

отлично!

@justmerc101 6 лет назад

Класс

@ynivermine7750 5 лет назад

крутое видео спасибо большое

@maxmuz1871 5 лет назад

здорово)

@yevheniikozhevin5845 5 лет назад

Настолько информативно и хорошо, что я даже лайк поставлю, делаю это очень редко, поэтому цени! =))))

@blacksky3378 4 года назад

Очень крутоо спасибо.....

@realgames3307 6 лет назад

По клавиатуре громко долбишь особенно по кнопке энтер. Если в наушниках смотреть это жесть. А вообще видео отличное все подробно и понятно, однозначно лайк!

@boykodmitriy 8 лет назад

Четко

@constantineshibaev6772 8 лет назад

Этот пример css свойств в каждом видео font-family: helvetica, arial, sans-serif; как отче наш встречается))

@yury6188 8 лет назад

все ок:)

@MrROnic404 3 года назад

От заставки чуть не оглох

@PrOAngel777 6 лет назад

Спасибо огромное автору,есть один вопросик я попытался сделать по инструкции #heading + span { color: yellow; } но по какой-то причине span не выделился жёлтым всё равно,хоть я и написал всё правильно в самом html документе подзаголовок ,что возможно я сделал не так?

@user-fz7fe8cn7i 6 лет назад

Ану-ка скинь код.

@belligalaton9091 5 лет назад

,,ужасно-жёлтого цвета"- хех, жиза)

@valentynlugovyi4789 4 года назад

nice one

@Analitik110 7 лет назад

Здраствуйте. Огромное Вам спасибо. Как называется программа в которой вы кодите?

@amirdavidoff2303 7 лет назад

Написано же Sublime Text 2

@azat_khamatov Год назад

Узнал Чернобаева по голосу)

@lada.s1ng 3 года назад

чекаємо нові уроки

@_spektr 3 года назад

5:50,это я для сеья Спс чувак

@yury6188 8 лет назад

ах да если можно иметь какие либо ссылки на даполнителный материал спс:)

@gregmcgill9980 7 лет назад

Премию этому автору выпишите!

@user-fz7fe8cn7i 6 лет назад

Хочу заметить на ссылках псевдоэлемент ::First-letter не работает.

@user-xt6gc5ug9w 6 лет назад

Мне очень нравится ваши уроки я все посмотрел и не одного не нашол. одни скучно слушать тругие долкие а третие воопще умереть можно пока посмотришь долгие искучные и идут 2 часа

@topsy_kreds 2 года назад

А как же !important и приоритеты?

@hasturiel 5 лет назад

Ничего не догоняю, но я попробую догнать.

@user-mm1ub1yd3n 3 года назад

После таких блогеров стоит все самому учить по учебнику. Автор быстро пропустил Селектор потомков с 3мя разными правилами написания, и Дочерний селектор, Сестринский селектор , сразу перепрыгнул к селекторам атрибута.

@user-xc3pl5wm5t 3 года назад

Здравствуйте, можно убрать субтитры, а то действие в css не видны)

@uselessm8141 6 лет назад

Почему когда я пишу в другом файле p, h1 { color: blue; font-size: 24px; } На .html файле это не отображается?

@DKost_V 5 лет назад

Скорее всего ты забыл поключить css в html. Чтобы это сделать напиши в коде html в теге head ---->

@tarastrachuk8815 5 лет назад

ты link сделал с html ?

@Eugene-vn2ty 6 лет назад

я не особо понял в чем разница межу ( p .container {} и .container p {}

@loftblog 6 лет назад

p .container {} - параграф с классом .container .container p {} - это блок с классом .container, в котором находится параграф

@Helgus7 2 года назад

Как 1:58 быстро обернуть инфу в тег?

@lidiiasharova Год назад

узнали?)

@_flopi_5914 2 года назад

10 б

@user-beksi 7 лет назад

У меня не получается поменять цвета. Что можно сделать?

@BACPENOKCHEATER 7 лет назад

Го помогу В вк Ссылочку

@user-xt6gc5ug9w 6 лет назад

если не получается то значит только вы сами виноваты

@otdelkaban 5 лет назад

звёздочку с пробелом пишите, а эрнеста не слушайте, он дырявый критикан.

@user-tl3jv4oh1u 7 лет назад

клавиатуру не жалко? с такой силой лупить по клавишам

@user-mj2uq8xt6m 6 лет назад

ВРОДЕ ИНФА ЕСТЬ НО, Я ПОЧТИ ЗАСНУЛ

@Levelord92 6 лет назад

Кто виноват что ты спать хочешь-то епт

@p.shynkaruk 8 лет назад

"систринский" - double trouble... FACEPALM

@Denis-fe7rt 7 лет назад

"касание для имитации нажатия мыши" - не помешало бы на время запила. Невозможно смотреть со звуком

@iwantequinox 5 лет назад

поржал с " сестринского " елемента =)

@user-iu4rm1qq7u Год назад

Ничего не понятно вы говорите словно вот мороженое но не говорите не какой цвет не как поставили его туда не как сделали это псдц а не оьучение

@maxtihansky9374 8 лет назад

Такое себе.. резкие движения.. к тому я в notpade пишу(

@booba3115 5 лет назад

ТО что ты пишешь в нотпад а ты нет это не значит что у него плохие видеоуроки

@iwantequinox 5 лет назад

ну и диз за тихий звук.

@iwantequinox 5 лет назад

но за внука и ребенка лайкнул :)

@IhorK-ly4ty 9 лет назад

хотелось бы более понятный текст а не "бла бла бла, тра лала", усложняет понимание, а так спасибо

@user-yq1ov7pw7b Год назад

Ну так нудно, такая отвратительная страница, Вы же так отобьете все желание писать. А тема принципиальная, но Вы так безразлично и формально ее подаете, что информация вызывает отторжение. Думаю, это вид такой антирекламы. Типа, фу-фу, не пиши "какой-то" код, не ходи в "какой-то" loft.