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

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

Выбор и управление псевдоэлементами CSS, такими как:: before и:: после использования jQuery

Есть ли способ выбрать/манипулировать псевдоэлементами CSS, такими как ::before и ::after (и старая версия с одной точкой с запятой), используя jQuery? Например, моя таблица стилей имеет следующее правило: .span::after{ content:'foo' } Как я мог...
задан 18 февр. '11 в 15:53
19
ответов

Могу ли я использовать: перед или: после псевдоэлемента в поле ввода?

Я пытаюсь использовать псевдоэлемент :after CSS в поле input, но он не работает. Если я использую его с span, он работает нормально. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Это р...
задан 06 апр. '10 в 22:28
7
ответов

CSS: not (: last-child): после выбора

У меня есть список элементов, которые оформлены так: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two...
задан 27 марта '11 в 17:31
6
ответов

Как написать: условие зависания для: before и a: after?

Как написать условие :hover и :visited для a:before? Я пытаюсь a:before:hover, но он не работает
задан 25 апр. '11 в 12:53
10
ответов

Могу ли я изменить высоту изображения в CSS: до /: после псевдоэлементов?

Предположим, что я хочу украсить ссылки на определенные типы файлов, используя изображение. Я могу объявить свои ссылки как <a href='foo.pdf' class='pdflink'>A File!</a> тогда CSS выглядит как .pdflink:after { content: url('/images/p...
задан 23 янв. '12 в 23:14
6
ответов

Можно ли установить порядок укладки псевдоэлементов ниже их родительского элемента?

Я пытаюсь создать элемент с ::after псевдоселевым CSS-селектором #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: " "; position: absolute; width: 100px; height: ...
задан 13 июня '10 в 18:56
5
ответов

css: как удалить псевдо элементы (после, до,...)

Я хотел бы использовать переключатель для макета тегов абзаца на веб-странице. Я использую после псевдоэлемента p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код css со страницы. Как это можно сделать легко (jquery...
задан 10 июня '10 в 11:16
1
ответ

: после и: перед псевдоэлементными селекторами в Sass

Как я могу использовать селекторы: перед и: после псевдоэлемента, следуя синтаксису Sass или, альтернативно, SCSS? Как это: p margin: 2em auto > a color: red :before content: "" :after content: "* * *" Конечно, вышесказанное...
задан 25 мая '12 в 10:49
2
ответов

css вращать псевдо: после или: до содержимого: ""

в любом случае сделать работу по вращению на псевдо content:"\24B6"? Я пытаюсь повернуть символ юникода.
задан 20 марта '12 в 3:32
3
ответов

Объединить: после: hover

Я хочу объединить :after с :hover в CSS (или любой другой псевдоселектор). У меня в основном есть список, и элемент с классом selected имеет форму стрелки, применяемую с помощью :after. Я хочу, чтобы то же самое было верно для объектов, которые зави...
задан 05 нояб. '12 в 17:20
6
ответов

Должен ли я использовать одно или двойное обозначение двоеточия для псевдоэлементов?

Так как IE7 и IE8 не поддерживают обозначение с двойной колонкой для псевдоэлементов (например, ::after или ::first-letter), а поскольку современные браузеры поддерживают нотацию с одним двоеточием (например, :after) для обратной совместимости, след...
задан 17 апр. '12 в 0:06
2
ответов

Почему двойные кавычки отображаются только для первого элемента?

Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Второй элемент имеет одинарные кавычки. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a hr...
задан 26 апр. '18 в 13:29
2
ответов

CSS: после добавления содержимого к определенным элементам

У меня возникли проблемы с пониманием поведения свойства CSS :after. Согласно спецификации (здесь и здесь): Как показывают их имена, псевдоэлементы :before и :after определяют местоположение содержимого до и после содержимого дерева элементов эле...
задан 05 авг. '11 в 1:05
3
ответов

Почему: до и: после псевдоэлементов работать с элементами `img`?

Я пытаюсь использовать :before псевдоэлемент с элементом img. Рассмотрим этот HTML и CSS... HTML <img src="http://0.gravatar.com/avatar/this-is-not-a-hash" alt="" /> CSS img:before { content: "hello"; } jsFiddle. Это не дает жела...
задан 13 сент. '11 в 6:22
5
ответов

Использование CSS: до и: после псевдоэлементов с встроенным CSS?

Я создаю подпись электронной почты HTML с встроенным CSS (т.е. CSS в атрибутах style), и мне любопытно, можно ли использовать псевдоэлементы :before и :after. Если да, то как мне реализовать что-то подобное с встроенным CSS? td { text-align: justi...
задан 03 янв. '13 в 17:59