Вопросы по теме 'pseudo-class'

CSS: a:link или просто a (без части :link)
Таким образом, мы должны использовать следующий порядок для псевдоклассов привязки CSS: a:link { color: red } a:visited { color: blue } a:hover { color: yellow } a:active { color: lime } Но мой вопрос: зачем возиться с частью...
3116 просмотров
schedule 08.08.2022

отображать первый тип класса
У меня есть список элементов, каждый из которых имеет класс, и класс повторяется повсюду. Я хочу показать только первый экземпляр каждого класса. Возможно ли это только с помощью CSS? <ul> <li class="red">red</li>...
2162 просмотров
schedule 05.03.2023

Использование псевдокласса CSS до и после
Поэтому я попытался поэкспериментировать с псевдоклассом CSS до и после. Я пытался использовать эти псевдоэлементы для создания элемента заголовка. Это делается для того, чтобы уменьшить использование div для хранения левого и правого изображений....
2926 просмотров
schedule 21.02.2023

CSS: псевдоэлемент after в сочетании с [checked]: разные элементы after не работают?
Я пытаюсь поднять свои веб-формы, стилизуя свои собственные радиокнопки и флажки. Для этого я скрываю само радио/флажок и создаю на этикетке элемент, указывающий состояние, с помощью псевдокласса :after, например так: .pn_multi label{...
6479 просмотров
schedule 19.02.2023

Кнопка CSS: фокус псевдокласса
Как мне сделать так, чтобы при нажатии кнопки она оставалась того же цвета, пока не будет нажата другая кнопка? Чтобы пояснить, представьте, что у вас есть текстовое поле. Когда вы щелкаете по нему, вы можете добавить границу, потому что она у вас...
11136 просмотров
schedule 16.02.2023

Последний дочерний элемент CSS3
Мне нужно удалить левую границу из первого элемента и правую границу из четвертого элемента в списке, не затрагивая ни один из подсписков этих элементов. Как я могу это сделать? Мой код для списка меню: <div id="menu">...
822 просмотров
schedule 02.10.2022

Как реализовать маленькую стрелку в выпадающем меню twitter bootstrap subnav
Я успешно реализовал раскрывающееся меню в начальной загрузке «subnav» (взято из docs.css), используя модальное окно. Проблема заключается в маленькой стрелке ( не каретке, а БЕЛОЙ стрелке , которая «соединяет» div/modal со ссылкой). Мне удалось...
1953 просмотров

Сделать css: hover влияет только на родительский элемент
В css, как я могу остановить запуск события :hover в родительском элементе при зависании дочернего события, чтобы оно срабатывало только при зависании самого родителя? В этом случае мой дочерний элемент фактически расположен за пределами...
24960 просмотров
schedule 27.06.2022

css last-child не работает при добавлении div разных классов
У меня есть HTML-код, который выглядит так: <div class="SomeContainer"> <div class="MyClass"></div> <div class="MyClass"></div> <div class="MyClass"></div> <div...
4291 просмотров
schedule 08.04.2024

Почему селектор CSS section:only-child не работает?
Я просто возился с новыми тегами HTML5 и псевдоселекторами и заметил, что селектор section:only-child не работает. Я тестирую это в последней версии Chrome (23.0). Мой код: <section id="s1"> <div id="div1">abc</div>...
3655 просмотров
schedule 18.05.2022

Использование псевдокласса :active с переходами css?
Я делаю ссылку, где при нажатии на ссылку она перемещается на пару пикселей вниз. Я хочу, чтобы это была анимация, поэтому я добавил переходы css. Теперь проблема, с которой я сталкиваюсь, заключается в том, что когда я нажимаю кнопку, анимация не...
6066 просмотров
schedule 30.05.2022

Почему невозможно объединить псевдоэлементы/классы, зависящие от поставщика, в один набор правил?
В CSS можно стилизовать placeholder текст во входных данных, используя комбинацию псевдоклассов и псевдоэлементов, зависящих от поставщика (чтобы получить наилучшее кросс-браузерное покрытие). Все они имеют одни и те же основные свойства...
6448 просмотров

Пользовательские директивы в файлах scss? Возможно, для нового псевдокласса?
Можно ли использовать какой-то синтаксис создания @directive, аналогичный созданию @mixins? Во-вторых, можно ли создать псевдокласс только для SASS? Я хотел бы объявить свою собственную директиву SASS, хотя я бы предпочел не заставлять своих...
350 просмотров
schedule 24.04.2022

Hover link-menu не работает в IE 11, псевдоклассы игнорируются
я пытаюсь сделать меню, подобное этому , для проекта в разработке, но IE 11 продолжает игнорируя псевдоклассы. +<!doctype html> <html> <head> <meta charset="utf-8"> так далее... У меня...
3142 просмотров

Как определить, поддерживает ли браузер: неверный псевдокласс?
Я пытался использовать Modernizr, но, похоже, он не поддерживает обнаружение этой функции. Я также читал, что сложно или даже невозможно получить доступ к псевдоклассам из javascript, потому что они не являются частью DOM. Итак, после серфинга в...
93 просмотров

Псевдоклассы CSS :invalid и :required не работают с методами обхода jQuery, когда селектор соответствует нескольким элементам формы.
HTML <input required> <input required> <input required> JavaScript /* // Add script for noted :invalid check to work // :required can also be made to work by modifying script, i.e. changing "invalid" to "required"...
1364 просмотров

Как программно добавить класс или псевдокласс в пользовательский элемент управления в JavaFX?
В мире JavaScript часто устанавливается класс элемента для обозначения его внешнего вида, который позже определяется CSS. Так ли это в JavaFX? Например, что, если я хочу закрасить отрицательное значение красным в TableView ячейки? Я бы не...
4758 просмотров
schedule 12.07.2022

css flexbox wrapping: аналог псевдоклассов для выбора начальных/конечных элементов на главной/поперечной оси?
Флексбокс — отличная штука. Но для большей универсальности при использовании flex wrapping: нужны псевдоклассы, аналоги first-child или last-child или nth-child. Будет очень удобно знать, находится ли элемент в конце главной оси, или он был...
627 просмотров
schedule 16.03.2023

Ошибка вычисления специфичности селектора CSS с помощью псевдоклассов
Я читаю руководство по MDN и столкнулся с следующий фрагмент: /* weight: 0015 */ div div li:nth-child(2) a:hover { border: 10px solid black; } Мой вопрос: почему специфичность этого правила 0015, а не 0024? Я думаю, что общий селектор...
40 просмотров
schedule 04.06.2023

Почему псевдоклассы ссылок не работают в селекторе классов?
Вот JSFiddle , иллюстрирующий проблему. С помощью этого CSS: .btn {position:relative; width:auto; background:#2c96c9; color:#fff; cursor:pointer} .btn a:link {color:#fff; text-decoration:none} .btn a:visited {color:#fff; text-decoration:none}...
339 просмотров
schedule 02.04.2023