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

Управление стилями CSS псевдоэлементов в Firebug
Можно ли манипулировать CSS псевдоэлемента :before или :after с помощью Firebug? Я знаю, что это определенные элементы, которые обрабатываются браузерами внутри, но Firebug имеет более низкий уровень доступа (я полагаю), поэтому, возможно, он...
1773 просмотров
schedule 08.01.2024

Позволить переходу :hover завершиться, даже если он не зависает на элементе
Я создаю фотосайт здесь , но у меня возникла проблема с переходы :hover на страницах галереи. Он загружает две ссылки, которые лежат над миниатюрами, одна открывает изображение в fancybox, а другая устанавливает изображение в качестве фона. Все...
207 просмотров
schedule 05.01.2024

Переходы CSS3 для псевдоэлементов (: after, : before) не работают?
Я показываю атрибут title ссылки на :hover . Атрибут title добавляется к ссылке через :after … Теперь мне интересно, как я могу анимировать непрозрачность псевдоэлемента :after при наведении и наведении. html <a class="link"...
29210 просмотров
schedule 09.06.2024

CSS3 IE9 щелкает через псевдоэлемент?
У меня есть следующая скрипта с образцом того, как стилизовать поле выбора с помощью CSS3. У меня проблемы с IE9. Псевдоэлементы label:before и label:after предотвращают действие «щелчок» стрелки раскрывающегося списка, над которой они...
1485 просмотров

Двойная граница CSS (2 цвета) без использования контура?
Мне интересно, как вы, ребята, думаете, это самый простой способ получить двойную рамку с двумя цветами вокруг div? Я пробовал использовать границу и контур вместе, и это работало в Firefox, но контур, похоже, не работает в IE, и это своего рода...
61238 просмотров
schedule 23.10.2022

Является ли использование содержимого, созданного с помощью CSS (т.е. псевдоэлементов), более эффективным (т.е. анализируется / обрабатывается быстрее), чем добавление дополнительных элементов DOM?
Чтобы мое мобильное веб-приложение оставалось компактным и эффективным, я пытаюсь ограничить количество элементов в DOM в любой момент времени. Один из способов, которым я намерен ограничить использование элементов DOM, - это использование...
3053 просмотров

Подсветка первой буквы CSS
Я понимаю, что при форматировании CSS первая буква каждого абзаца возможна через: p:first-letter { font-size:20px; } Однако при использовании этого кода невозможно выделить/выбрать эти «Первые буквы» в веб-браузере, есть ли способ изменить...
1588 просмотров
schedule 02.10.2022

Столбцы CSS(3), несколько ul
Я работаю над сайтом с горизонтальной прокруткой. Элементы на сайте размещены в структуре UL > LI для создания нескольких блоков. Проблема, с которой я сталкиваюсь, заключается в том, что я хочу 2 набора UL друг за другом, но они будут...
162 просмотров
schedule 03.07.2023

Должен ли я использовать одинарное двоеточие (:) или двойное двоеточие (::) для псевдоэлементов до, после, первой буквы и первой строки?
Из МДН: Нотация :: была введена в CSS 3, чтобы установить различие между псевдоклассами и псевдоэлементами. Браузеры также принимают нотацию : , представленную в CSS 2. Если нотация : всегда будет приниматься браузерами CSS3, следует...
4015 просмотров

Возможно ли иметь псевдоэлемент внутри псевдоэлемента?
div { position: relative; width: 100px; height: 100px; background: #f00; } div::before { position: absolute; content: ''; width: 75px; height: 75px; background: #0f0; } div::before::before { position: absolute; content: ''; width: 50px; height: 50px;...
4295 просмотров
schedule 21.10.2023

Как использовать значки из fontello в моем css?
Я использовал entypo (загруженный с entypo.com) и отображал значки следующим образом: .icon:before { display: inline-block; font-family: 'Entypo'; text-decoration: none; speak: none; } .email:before { content: "\2709"; } Довольно...
25879 просмотров
schedule 20.01.2023

Могу ли я вложить псевдоэлемент после?
Я нашел это от W3C. http://www.w3.org/TR/css3-content/#nesting 4.2.1. Вложение псевдоэлементов '::before' и '::after' Селектор '::before::before' представляет псевдоэлемент, содержащийся в начале псевдоэлемента, содержащегося в начале...
2689 просмотров
schedule 11.03.2024

CSS: перед надстрочным индексом 6?
Есть ли способ добавить верхний индекс «6» в свойство CSS «content» для псевдоэлемента? Я обыскал всю сеть, пробовал разные строки Unicode и коды глифов, чтобы попытаться заставить это работать, но не нашел решения. Спасибо! РЕДАКТИРОВАТЬ:...
784 просмотров
schedule 08.12.2022

Блоки CSS до и после
Я хочу нарисовать простой карандаш, используя только CSS, и теперь столкнулся с проблемой: почему объявление селекторов до и после не работает? Я вижу только селектор перед срабатыванием. Код того, что я получил прямо сейчас, находится здесь:...
5836 просмотров
schedule 27.01.2024

IE 11 отображает CSS иначе, чем другие браузеры
У меня есть проект, над которым я работаю, и он по-разному отображается в разных браузерах (представьте себе). CSS отлично работает во всех браузерах, которые я пробовал (chrome, safari, firefox), кроме IE11 (опять же, представьте себе). Вот...
1772 просмотров

ADF не переходит в CSS: состояние проверено
Я новичок в ADF, и сейчас у меня проблема с настройкой флажков и переключателей ADF с помощью CSS. Вот демо: `http://jsfiddle.net/sbef2so3/16/` В jsfiddle все работает нормально, но в ADF состояние не меняется на :checked. Может быть, есть...
1176 просмотров

Выбор всех псевдоэлементов элементов с классом/идентификатором 'x'
Я ищу способ выбрать все псевдоэлементы элемента, который имеет класс galleryBlock , а также способ выбрать все псевдоэлементы элемента с определенным идентификатором. Мой код настроен как таковой: сетка из нескольких взаимосвязанных блоков,...
481 просмотров
schedule 28.12.2022

a::hover/after не для изображений
Для некоторых хороших ссылок на веб-сайте я использую псевдокласс a::hover и псевдоэлемент a::after: a { position: relative; display: inline-block; outline: none; color: #404d5b; vertical-align: bottom; text-decoration:...
609 просмотров
schedule 09.06.2023

Есть ли способ получить вычисленные показатели псевдоэлементов в веб-инспекторе Safari?
В основном я использую инструменты разработчика Chrome для отладки html/css/js, но теперь мне нужно было отладить различный рендеринг псевдоэлемента в Chrome и Safari. Я не смог найти способ получить вычисленные метрики (или любые вычисленные...
2206 просмотров

Абсолютное позиционирование зависит от браузера при использовании псевдоэлементов
Я изменяю ссылку для загрузки, чтобы над ней отображались две иконки (используя псевдоэлементы и шрифт значков). Эти значки должны быть наслоены. Для этого я присваиваю ссылке position: relative , а второй значок (который я размещаю поверх...
496 просмотров
schedule 06.02.2024