14. CSS псевдоклассы - child, not. Состояния hover, focus и focus-visible, active, disabled, checked

[@yurykiryaev329]

спасибо за уроки, выглядит интересно) Хотел отметить одно css свойство которое теперь позволяет не писать костыли на чекбоксы и инпуты, оно называется appearance: none. После того как мы его задаем, можно добавлять свои свойства для того же чекбокса и все будет работать без костылей:)

[@AleksanderLamkov]

Спасибо за ценнейшую информацию! Помнил упоминание этого свойства в англоязычной статье, но как-то не вник в его крутость и полезность… Обязательно сниму хотя бы шортс на эту тему, еще раз благодарю! 🙂

[@alexb.2616]

Ничего себе - насколько nth-child мощный!

[@Sylar7773]

Супер, спасибо огромное

[@alexgrinberg1888]

Очень доходчиво объяснил! Хотелось бы больше видосов по CSS разного уровня.

[@Ivanfwit]

круто, спасибо за видео) будет здорово если будет видео по ally, где будет разобрано :focus-within и правильное взаимодействие с этим и подобными псевдоклассами

[@AleksanderLamkov]

Привет! По доступности будет мини-курс, но конкретно про :focus-within не думал, весьма ситуативный псевдокласс)

[@PROBOYNIC]

Будет ли курс по JavaScript?

[@AleksanderLamkov]

Привет! Будет, но после CSS и серии мастер-классов по верстке.

[@asifabbasov3801]

Почему то у меня last-child не работает на теге , не работают на нем стили CSS 😮‍💨

[@AleksanderLamkov]

Надо посмотреть по DevTools вкладку Elements. Выдели нужный тебе элемент и посмотри панель Styles.

[@olehua7602]

Привет. В видео был checkbox так что думаю вопрос хоть немного будет в тему. Столкнулся с select. Вопрос в том нужно ли сохранять оригинальный select и прятать его, или можно не заморачиваться и просто сделать кастомный на div?

[@AleksanderLamkov]

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

[@olehua7602]

Спасибо. Сложная тема с этими кастомными формами, с нетерпением жду видео. :) Про кастомный календарь боюсь даже в поиск вводить@@AleksanderLamkov

[@AleksanderLamkov]

Кастомный календарь - страшилка для многих фронтов :) Тут даже я, любитель делать все компоненты с нуля, взял бы готовую либу и подкорректировал под нужны проекта.

[@olehua7602]

js не знаю. Взял готовое решение по select, сижу уже час, поправляю css. Это походу особый вид мазохизма поправлять после кого то css:).@@AleksanderLamkov

[@AleksanderLamkov]

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

[@Galya_]

Здравствуйте, а как же visited , для посещенных ссылок 🙂

[@AleksanderLamkov]

Привет! А вот про этот псевдокласс забыл :) Спасибо за внимательность! Обязательно добавлю его в следующую версию курса.

[@PavelShef]

Скрыть инпут для чекбокса можно аттрибутом hidden, без использования длинных кусков стилей сокрытия

[@AleksanderLamkov]

Привет! Увы, так не получится. Подобное сокрытие будет равносильно display none. При таком атрибуте чекбокс перестанет быть интерактивным, с ним нельзя будет провзаимодействовать, в т. ч. через скринридеры. В этой статье вопросы по правильному сокрытию инпута разобраны подробнее: www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/

[@sergeevalexander4695]

Александр привет,на сколько я знаю приминение псевдоклассов :focus, :hover, :active задаються в таком порядке? чтобы избежать конфликтов между ними.

[@AleksanderLamkov]

Привет! Использовать их в одном селекторе не совсем правильный подход. Это разные псевдоклассы для разных целей. А если в целом про порядок их использования в CSS-коде, то нет никакой разницы, они никак не конфликтуют друг с другом.