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

: пустой псевдокласс при добавлении динамического содержимого
Я прочитал на этой странице sitepoint и страница quirksmode о новом :empty псевдоклассе. Sitepoint сказал, что даже когда добавлен динамический контент, пустой стиль все равно будет действовать. Отмечается, что именно таким образом себя...
1021 просмотров
schedule 21.09.2021

Получение индекса коллекции в псевдоклассе? (jquery 1.8+)
Я пытаюсь реализовать псевдокласс (в jQuery 1.8.3). Вот код: (function($) { $.extend($.expr[':'], { group: $.expr.createPseudo(function(arg) { var index = 0; return function(element) { index +=...
217 просмотров
schedule 17.10.2021

Как бы этот селектор nth-child работал в IE 8?
Это мой контейнер div: #randomid { margin-right:40px; margin-bottom:35px; float:left; } А внутри 12 элементов (в 2 ряда). И мне нужно убрать край правого поля с крайних правых (каждый шестой). Так у меня получился псевдоселектор:...
1106 просмотров

Проблема с псевдоклассом css hover при выходе из hover
Я пытаюсь создать масштабируемую карту, которая работает при наведении указателя мыши на изображение карты, аналогично тому, как карты работают на Flickr (см. Карту на правой боковой панели -...
718 просмотров
schedule 22.11.2021

остановить действие кнопки css на цель
Я использую целевой селектор, чтобы помещать и удалять класс, который показывает и скрывает меню навигации. Проблема в том, что, когда пользователь нажимает кнопку возврата в браузере, состояния меню сбиваются. Это мой код css <style>...
632 просмотров
schedule 16.09.2021

Как правильно отображать содержимое в image :: before и image :: after для всех браузеров
Я использую следующий код HTML <table> <tr> <td class="x-grid-cell" style="width:35px;"> <div unselectable="on" class="x-grid-cell-inner x-grid-cell-inner-action-col" style="text-align:left;">...
10 просмотров

Какова совместимость псевдоклассов CSS3 с визуализируемыми элементами SVG?
Я изучал SVG и наткнулся на эту информативную статью . Автор утверждает, что Большинство селекторов CSS можно использовать для выбора элементов SVG. В дополнение к общим селекторам типов, классов и идентификаторов, SVG можно стилизовать с...
2394 просмотров
schedule 11.11.2021

JavaScript querySelector и CSS: целевой псевдокласс
Я пытаюсь получить целевой элемент с помощью псевдокласса :target после загрузки документа. Я создал следующий пример, чтобы проиллюстрировать проблему. <!DOCTYPE html> <html> <head> <script>...
100 просмотров

Определение стиля псевдокласса ссылки с помощью встроенного CSS
Возможный дубликат: Как написать: навести курсор на встроенный CSS? Используя CSS, я хочу определить стиль ссылки. Однако я хочу сделать это в документе, а не определять его как часть заголовка. Можно ли его определить (включая:...
4197 просмотров
schedule 27.02.2022

CSS: selected псевдокласс, аналогичный: checked, но для элементов ‹option›
Есть ли способ стилизовать текущий выбранный элемент <option> в элементе <select> ? Затем я мог бы указать цвет фона для текущего выбранного элемента параметра? Таким образом я могу стилизовать вариант, который в настоящее время...
206749 просмотров
schedule 19.03.2022

Как сделать так, чтобы якоря так сильно не прыгали по экрану?
Я решил попробовать создать меню с вкладками, используя только CSS и HTML. Используя псевдокласс :target , чтобы показать соответствующий div , я реализовал его, только он слишком много прыгает, чтобы быть удобным для пользователя:...
8171 просмотров

Применение оформления текста к содержимому, сгенерированному css, в IE
Кажется, IE не заботится о text-decoration: none; , определенном для псевдоэлемента a:before (или псевдокласса). Вот скрипт JS: http://jsfiddle.net/9N35f/ Я ожидаю, что ">", чтобы убрать подчеркивание. Это работает в FF, Chrome и Safari, но...
6329 просмотров

:активный псевдокласс не работает в мобильном сафари
В Webkit на iPhone/iPad/iPod указание стиля для псевдокласса :active для тега <a> не срабатывает при касании элемента. Как я могу заставить это срабатывать? Пример кода: <style> a:active { background-color: red; }...
94468 просмотров

Изменить содержимое .bs-example в Bootstrap CSS
Я пытаюсь разобраться с новой версией начальной загрузки (3.3.0) и, в частности, я очень хочу реализовать следующий тег: <div class="bs-example"></div> По умолчанию это сгенерировало EXAMPLE , как показано на страницах документа...
38 просмотров

input:not(:placeholder-show) ~ селектор меток не работает с автозаполнением
У меня есть плавающий заполнитель в поле ввода. Заполнитель появится в центре, если мы не ввели значение. как показано на снимке экрана ниже (адрес электронной почты и пароль являются заполнителями). Теперь, когда вы указываете значение...
6154 просмотров

Несколько псевдоклассов в одном селекторе
Допустим ли следующий синтаксис CSS? a:first-child:hover { background-color: transparent; } Если да, то какова совместимость браузеров? Например, совместим ли он с IE8, IE6 +, Firefox 4, Chrome и т. Д.
5844 просмотров
schedule 01.06.2022

Реагируйте, сохраняйте фокус на двух разных группах кнопок одновременно
Я визуализирую две разные группы кнопок с помощью метода map() . В то же время я использую некоторый код SCSS с использованием :focus и :active , чтобы сохранять фокус каждый раз, когда я нажимаю одну из кнопок. Я хотел бы знать, есть ли...
34 просмотров
schedule 18.06.2022

Псевдокласс на псевдоэлементе
Хорошо, чтобы быть ясным, я не пытаюсь создать (псевдо) начало для css. Просто хотел проверить, можно ли добавить псевдокласс к псевдоэлементу. Например: .some-class:after:hover { } не работает. Это работает, хотя:...
1518 просмотров

Каков правильный путь? Псевдокласс ссылки CSS
Я только что нашел это: Примечание : a:hover ДОЛЖЕН идти после:link и:visited в определении CSS, чтобы быть эффективным!! Примечание : a:active ДОЛЖЕН идти после:hover в определении CSS, чтобы быть эффективным!! Примечание . В...
1575 просмотров
schedule 04.08.2022

Псевдокласс :link соответствует посещенным ссылкам.
Я читал о псевдоклассах CSS и наткнулся на псевдокласс :link . Все говорят, что псевдокласс :link соответствует элементам ссылок, которые имеют атрибут "href" и еще не были посещены. Первое условие верно, как я это проверил, но,...
70 просмотров
schedule 07.08.2022