CSS3 #4 Псевдоэлементы и псевдоклассы (Pseudo-elements & Pseudo-classes)

#YauhenK #webDev #CSS #CSS3

Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.

✒ Репозиторий курса:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[accuso]

Как же я рад, что этот курс существует - словами не передать...

[zatokeran]

За задание в конце отдельное спасибо, помогло реально разобраться!

[mr.warpunch]

Вот это ролик, очень объемный, спасибо автору, подача топ

[aleksandrk]

Спасибо! Супер, как всегда! Блин, оказывается с 4го хтмла много чего изменилось )

[eugenia]

класс !!)) благодарочка !!)) Очень полезное видео !! Все очень понравилось !!))

[keicyqh]

Спасибо, я уже два дня жду это видео урок))

[Igor_Kash]

прикольная задачка в конце) никогда не думал о подсчете важности селекторов в таком формате 😊

[missisipi]

Очень хорошо объясняешь, братишка, спасибо!

[olehyefimenko]

Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

[shifronim]

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

[PavlushaKruglik]

Доброе утро, Евгений. спасибо за видео. Подскажите, пожалуйста, почему 9 пункт в задании специфичность 101, а не 110? Как я понял: индификатор 100, псевдокласс :not - не считаем, класс .main - 10.

[rimavedeckiene]

Вы Учитель от Бога. Всё так чётка, ясно, интересно, увлекательно... ❤❤❤❤❤
А Javascript у Вас будет?

[sorokanews]

Чем отличаются по структуре 11 и 12 строки, почему разные баллы?
В 11 - псевдокласс, а в 12 - псевдоэлемент?

[cozafoto]

Приветствую, а почему на 8:30 у нас не покрасился пункт Six (каждый третий же)? Я смотрел в Opera, там все покрасилось корректно.

[missisipi]

Касательно теста, а мы разве проходили уже эту тему в предыдущих 4 уроках?

[quadrat]

Подскажите, ошибся в 9 задании - #test:not(.main). Ведь :not() это псевдокласс и за него даётся 10, а не 1. Если его посчитать как псевдоэлемент, тогда все сходится.

[aleksandrk]

Вопрос - не подскажите с чем связано разное отображение цвета на локальной машине и в интернете? цвет- #91BED5

[cozafoto]

В задании пункт 12 не хватает еще одного двоеточия, иначе вес = 2 не получится...))

[baytszy]

а есть уроки про грамотную семантику и валидность?

[missisipi]

А, проходили, тупанул) Я всё правильно ответил, кроме 3 и 9 вопроса, в 3 разобрался чуток загуглив, на mdn написано, что * не влияет на специфичность хотя это тег, а в 9 не пойму почему ответ 101, если, как я прочитал, псевдокласс "not()" - не влияет на специфичность, но то что внутри нём - влияет, в итоге по идее id = 100 + class = 10, 100+10 = 110, а у тебя 101, я вот не пойму, почему так?)