Описание тега pseudo-class

Псевдоклассы CSS позволяют более точно выбирать элементы в документе на основе статуса элемента, местоположения в древовидной структуре DOM, действий пользователя или других факторов.
1 ответ

CSS проблема с::before на телефонах

Я столкнулся с небольшой проблемой при использовании:: before... Я добавляю маленький треугольник перед моим div-контентом, чтобы сделать его более необычным, у меня есть анимированный фон, и я обнаружил, что на низких разрешениях (особенно на телеф…
18 май '17 в 22:19
1 ответ

Как настроить HREF для нескольких Div?

Я использовал метод, показанный в разделе Как нацелить href на div, чтобы нацелиться на href для div. Это сработало. Но мне нужно добавить еще один уровень. HTML <ul > <li class="active"><a href="#m1">home</a></li> <…
09 сен '14 в 11:16
1 ответ

Псевдокласс в селекторе

Следующая разметка HTML <div id="child"> <input type="text"/> </div> и таблица стилей CSS input[type="text"]:focus{ border: 1px solid green; } #child { border: 10px solid grey; border: 20px black solid; background: aqua; height: 50…
22 дек '13 в 23:54
2 ответа

Как использовать активный и до этого с CSS?

Я бы создал эффект с помощью CSS, используя псевдокласс ::before :active, Я создал эффект, что если вы щелкнете элемент p раньше, содержимое перед p изменится. Я думал, что это не сработало, потому что раньше p нельзя было выбрать. Это мой код, но о…
18 май '16 в 14:04
2 ответа

Ошибка CSS Columns - разрывы на мобильных устройствах при использовании псевдокласса:checked

Я создаю веб-сайт портфолио, который использует только CSS3 для отображения сетки и отфильтровывает эскизы изображений. Вы можете увидеть, что я сделал здесь. Я получил функциональность фильтра для работы с помощью этого учебника и с помощью псевдок…
27 фев '12 в 20:00
3 ответа

:first-child завершается ошибкой, когда элемент другого класса динамически вставляется выше

Итак, я столкнулся с ситуацией, когда вставка элемента другого класса / идентификатора нарушает все css-правила для этого: first-child. <div id="nav"> <div class="nSub">abcdef</div> <div class="nSub">abcdef</div> <di…
18 июн '10 в 08:03
2 ответа

CSS псевдо-класс, как: пусто, но также игнорирует скрытых детей

:empty псевдокласс представляет любой элемент, у которого вообще нет дочерних элементов. Существует ли подобный псевдокласс, представляющий любой элемент, который не имеет видимых дочерних элементов (игнорируя дочерние display установлен в none)? Ес…
25 май '17 в 11:46
0 ответов

Как анимировать парящий псевдокласс:after и:before?

Кто-то знает, как сделать эти эффекты при наведении мышью псевдоклассами: after и: before?? https://tympanus.net/Development/CreativeButtons/ спасибо, я пытаюсь учиться, мне не нужен лист, чтобы купить или скачать Я только что проанализировал это, и…
28 апр '17 в 17:20
1 ответ

CSS: первый в списке ul не работает

Код ul a:first-of-type { color: red; } <ul> <li>Item 1</li> <li>Item 2</li> <li><a href="#">Item 3</a> </li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> &…
01 мар '16 в 03:06
1 ответ

Могу ли я использовать массив CSS-псевдо-классов в миксе LESS?

Я начинаю использовать LESS Framework для стилей в приложении. У меня часто есть места в приложении, где мне нужно стандартизировать псевдоклассы, чтобы все элементы имели одинаковые стили. Вместо того, чтобы печатать button:hover, button:active, bu…
17 окт '12 в 23:09
1 ответ

Объединение:hover и:nth-child(n4+4)?

Я застрял и не могу найти решение моей текущей проблемы и надеялся получить помощь и / или направление. Мне было интересно, есть ли способ объединить псевдоклассы:hover и:nth-child(4n+4). Если вы зайдете на страницу моей песочницы, то появится неупо…
27 июн '12 в 23:14
0 ответов

jQuery - динамическая разметка экранных потоков

Мне нужно создать динамический HTML-макет, который будет содержать телефонные фреймы с различной ориентацией, которые соединены горизонтальными или вертикальными линиями. Линии должны быть центрированы относительно кадров. Также каждый кадр будет со…
04 май '15 в 14:40
2 ответа

Почему "a:hover ДОЛЖЕН идти после ссылки: и": посещенного (w3school) "?

Я изучаю CSS в "w3schools", в главе "link" они говорят: "При настройке стиля для нескольких состояний ссылок существуют некоторые правила порядка: a: hover ДОЛЖЕН идти после a: link и a: посещения a: active ДОЛЖЕН идти после a: hover " Я хочу знать,…
12 дек '15 в 12:26
3 ответа

Можно ли использовать несколько псевдоэлементов в CSS?

Я хочу сделать меню, где каждый элемент разделен ·. Для достижения этого я использую menu li:before { content: "· "; } Это хорошо, но также создает точку перед первым элементом. Поэтому я хотел бы использовать :first-child а также псевдокласс. Я мог…
23 июн '12 в 10:07
2 ответа

css3 селекторы и псевдоклассы

Пожалуйста, объясните, почему в некоторых случаях псевдоклассы в сочетании с CSS-селекторами работают, а иногда нет. Код ( https://jsfiddle.net/aspanoz/m1sg4496/): div.wrapper { margin-bottom: 10px } div[class*="myclass"]:not(:first-of-type) { color…
26 июл '16 в 15:17
1 ответ

Проблема с псевдоклассом: посещения... Все ссылки отображаются одним и тем же цветом после того, как они "посещены", несмотря на то, что в CSS есть разные цвета

У меня проблемы с псевдоклассом a: посещения (или одного из других, может быть?). Я хочу, чтобы ссылки отображались как разные цвета в разных элементах (черный в.link-box и красный в #main-menu независимо от того, были они посещены или нет), что они…
06 янв '16 в 00:47
4 ответа

Почему псевдокласс так называется?

a:hover Почему это называется "псевдокласс"? Есть ли сходство с понятием "класс"?
15 авг '09 в 07:48
5 ответов

CSS для скрытия нескольких столбцов в таблице

У меня есть таблица, аналогичная приведенной ниже на сайте SharePoint. Я не могу изменить таблицу, поскольку она генерируется динамически, но я могу добавить внешний CSS, чтобы переопределить ее стиль. Я должен показать только второй столбец и скрыт…
20 ноя '13 в 08:26
2 ответа

CSS3 псевдо класс не первый и не последний ребенок

У меня есть следующий HTML-код: <ul> <li>number 1</li> <li>number 2</li> <li>number 3</li> <li>number 4</li> <li>number 5</li> <li>number 6</li> <li>number 7</li&…
30 май '13 в 07:54
3 ответа

Как настроить таргетинг на первую ссылку внутри div с помощью CSS?

Например, у меня есть это: <div> <a href="#">sample 1</a> <a href="#">sample 2</a> <a href="#">sample 3</a> </div> Я хочу нацелить первую ссылку с помощью CSS.
08 ноя '12 в 08:45