Вопросы по теме '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 просмотров
schedule
23.05.2022
Сделать 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 просмотров
schedule
19.07.2022
Пользовательские директивы в файлах 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 просмотров
schedule
22.12.2022
Как определить, поддерживает ли браузер: неверный псевдокласс?
Я пытался использовать Modernizr, но, похоже, он не поддерживает обнаружение этой функции. Я также читал, что сложно или даже невозможно получить доступ к псевдоклассам из javascript, потому что они не являются частью DOM. Итак, после серфинга в...
93 просмотров
schedule
22.02.2023
Псевдоклассы 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 просмотров
schedule
26.12.2022
Как программно добавить класс или псевдокласс в пользовательский элемент управления в 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