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

В чем разница между: focus и: active?
В чем разница между псевдоклассами :focus и :active ?
240658 просмотров
schedule 22.04.2023

Используйте псевдокласс :not() в IE7/IE8.
есть ли способ заставить псевдокласс :not() работать в Internet Explorer 7/8? Есть ли какой-нибудь javascript, который может делать то же самое, что и CSS3 :not() ?
22877 просмотров

IE 7/8: активный псевдокод на блочных элементах
я столкнулся с проблемой, связанной с игнорированием IE7/8 псевдокласса :active для элементов с display:block; HTML: <a>My Link</a> CSS, который работает: a:active{color:yellow} Неудачный CSS:...
388 просмотров
schedule 31.05.2023

Как я могу сделать это без использования javascript?
У меня есть страница с миниатюрой (еще больше, поэтому свойство float:left необходимо). Миниатюра представляет собой Div с якорем в нем, в этом якоре находится изображение и некоторый текст. Текст находится под изображением. Якорь ведет к...
60 просмотров
schedule 23.10.2022

: после псевдокласса в IE7
У меня есть этот код, который показывает маленький треугольник с использованием чистого CSS, и он работает во всех современных браузерах, включая IE8-IE9: <html> <head> <style> .arrow:after { display:...
2586 просмотров
schedule 19.08.2023

:после против ::после
Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :after и CSS 3 ::after (кроме того, что ::after не поддерживается в старых браузерах)? Есть ли практическая причина использовать более новую спецификацию?
23481 просмотров

Класс CSS-Less расширяет класс с помощью псевдокласса
Мне было интересно, как я могу сделать что-то вроде следующего с меньшим количеством css: .btn { color : black; } .btn:hover { color : white; } .btn-foo { .btn; &:hover { .btn:hover; } } Конечно, это всего лишь пример, на...
22117 просмотров
schedule 11.03.2024

Ошибка столбцов CSS — ломается в мобильной версии при использовании псевдокласса :checked
Я создаю веб-сайт портфолио, который использует только CSS3 для отображения сетки и фильтрации миниатюрных изображений. Вы можете увидеть, что я сделал здесь. Я заставил фильтр работать, используя это руководство и используя псевдокласс...
1283 просмотров
schedule 11.06.2022

Управление меню Asp.NET 4.0: активный стиль сохраняется после отпускания мыши
Я использую стандартное меню asp.net в веб-приложении asp.net 4.0. Чтобы уточнить, это стандартное веб-приложение, это не какая-либо доступная версия приложений MVC. Это проблема, которая у меня есть. На самом деле это довольно простая...
3953 просмотров
schedule 22.11.2023

Возможно ли, используя текущие браузеры, использовать псевдоклассы для обнаружения первого и последнего определенного класса?
Если у вас есть HTML: <section class="column"> <p> Some Test </p> <p> Some Test </p> <p> Some Test </p> </section> <section class="column"> <p> Some More Test </p>...
687 просмотров
schedule 07.02.2023

Нажатие на дочерний элемент не вызывает активное состояние родительского элемента в IE
Я обнаружил раздражающую ошибку в IE 8-10, которая не позволяет активировать родительское состояние. Похоже, что если дочерний элемент родительского элемента является целью события щелчка, активное состояние родительского элемента не запускается....
3294 просмотров
schedule 24.05.2022

nth-child кроме случаев, когда он имеет класс hide
У меня есть несколько элементов div с плавающей запятой, чтобы они отображались в столбцах. Пользователь может щелкнуть «скрыть» на любом заданном элементе, и это добавит класс «.hide» к этому элементу, который имеет display:none css. Вопрос:...
3342 просмотров
schedule 24.12.2023

Проверить элемент с помощью псевдокласса в IE
Я ищу метод для проверки элементов, стилизованных с использованием псевдоклассов (таких как :hover ) из IE. Я могу сделать это с Firefox, используя раскрывающийся список стилей Firebug HTML, который позволяет браузеру применять псевдокласс к...
3907 просмотров

Сочетание :hover и :nth-child(n4+4)?
Я застрял и не могу найти решение моей текущей проблемы и надеялся получить некоторую помощь и / или направление. Мне было интересно, есть ли способ объединить псевдоклассы :hover и :nth-child(4n+4). Если вы посетите страницу моей песочницы , вы...
805 просмотров
schedule 27.10.2022

Подчеркивание в Javascript?
После осознания того, что у вас не может быть встроенного псевдокласса -- Как написать :hover во встроенном CSS? -- Я подумал о том, чтобы Javascript выполнял ту же работу с событиями onMouseOver и onMouseOut для имитации псевдокласса :hover ....
13645 просмотров
schedule 27.01.2023

Динамический: последний дочерний элемент в SASS
Я некоторое время возился с SASS и сделал несколько хороших функций, которые используют @if @else if и т. Д. Однако у меня есть следующие два фрагмента кода в Mixin: &:last-child { float: right; margin-right: 0; } &:only-child { float:...
16926 просмотров
schedule 08.01.2023

Объединение псевдоселекторов в CSS?
Я имею в виду, что если мне нужно, например, чтобы выделенный текст в зависшей ссылке был красным, могу ли я использовать следующий код в стиле CSS? .abc:hover:selection{color:red} а также <a href="123"...
22410 просмотров
schedule 19.09.2023

Как я могу использовать CSS для вставки разрыва строки после, но не перед элементом?
Например: HTML: The quick brown fox <span class="break">{BREAK}</span> jumps over the lazy dog. Я хочу, чтобы это отображалось: Быстрая коричневая лисица {BREAK} перепрыгивает через ленивую собаку. Я...
31187 просмотров
schedule 23.05.2022

Изменение пользовательских атрибутов CSS без Javascript?
Итак, я немного редактирую вики, и, к сожалению, Javascript не включен. Поэтому мне нужна помощь гуру CSS! Насколько я понимаю, вы можете добавить собственный HTML-атрибут следующим образом: <span id="some-id"...
4497 просмотров
schedule 15.03.2023

CSS-заполнитель не применяется в IE 11
У меня возникают проблемы с применением плейсхолдера css. Я пытаюсь применить css (т.е. color:#898F9C; ) к заполнителю поля ввода, используя селектор псевдокласса :-ms-input-placeholder , но он не работает в IE. Демо После некоторого...
80874 просмотров