WebForMySelf
1K подписчиков
Источник: WebForMyself.com Проект редактора рабочей группы CSS для селекторов уровня 4 включает несколько селекторов псевдо-классов, которые уже включены в большинство современных браузеров. В этом руководстве будут рассмотрены те из них, которые в настоящее время лучше всего поддерживаются, а также приведены примеры, демонстрирующие, как вы можете начать их использовать! Селекторы псевдокласса — это те селекторы, которые начинаются с символа двоеточия «:» и соответствуют состоянию текущего элемента...
3 года назад
Waliot
18 подписчиков
Вольный перевод статьи Intriguing CSS Level 4 Selectors нашим frontend разработчиком Сэмом Булатовым. CSS селекторы массово прогрессировали на протяжении многих лет и давали все новые возможности разработчикам, для построения своих страниц. Примеры в этой статье являются частью спеки о селекторах 4го уровня CSS. Давайте рассмотрим лучше 7 интригующих селекторов, некоторые из которых я уверен вы использовали на практике. Селекторы 4-го уровня 4-й уровень содержит знакомые псевдо-классы такие как nth-child, last-childи другие...
4 года назад
Техно-ПрофИ
2 подписчика
Введение в CSS селектор { свойство: значение; свойство: значение; свойство: значение; } <style></style> и атрибут style. <link rel="stylesheet" href="style.css"> <style> немного стилей </style> <div style="немного стилей"> * { } /* По всем тегам на странице*/ div { } /* По тегу */ .container { } /* По классу */ div.container { } /* По тегу с классом */ #header { } /* По id*/ .header a { } /* По тегу внутри тега с классом */ .header .logo { } /* По классу внутри тега с классом */ .logo + .menu { } /* Соседние*/ .header .logo + .menu { } /* Контекстные и соседние */ ul > li /* Дочерние */ input[checked]...
2 недели назад