Описание тега pseudo-element
Псевдоэлементы CSS обеспечивают улучшенное отображение содержимого внутри элементов или возможность создавать дополнительное начальное или конечное содержимое для элементов.
1
ответ
Выровнять CSS по правому краю: цифры?
Я хочу иметь пронумерованные абзацы, не прибегая к использованию упорядоченных списков. Я пытаюсь сделать это, используя content:counter(абзац) в CSS, чтобы каждый блок абзаца, который я создаю, генерировал число слева от него. .pass { counter-reset…
24 сен '13 в 19:50
1
ответ
CSS псевдоэлементы не работают с ng-repeat?
Я перечисляю некоторые изображения с помощью ng-repeat и хочу применить псевдокласс с некоторым содержанием после него. Вот моя скрипка: https://jsfiddle.net/Noitidart/y7dxa6n8/11/ И вот код: <style> body {background-color:steelblue;} img::aft…
09 сен '15 в 04:52
1
ответ
CSS проблема с::before на телефонах
Я столкнулся с небольшой проблемой при использовании:: before... Я добавляю маленький треугольник перед моим div-контентом, чтобы сделать его более необычным, у меня есть анимированный фон, и я обнаружил, что на низких разрешениях (особенно на телеф…
18 май '17 в 22:19
0
ответов
:active: фокус псевдоэлемент не применяется к div в safari
У меня есть 3 элемента div рядом и, щелкая их, я вижу синюю рамку фокусировки, возможно, на полсекунды, а затем она исчезает. Чтобы решить эту проблему, я добавил: active: focus и установил контур: нет. Это работает на Chrome, Firefox, то есть, но н…
03 авг '17 в 22:04
3
ответа
Использование свойства attr(data-icon) для отображения юникода перед элементом
Давайте продемонстрируем пример с простым HTML-кодом, например так: <div data-icon="\25B6">Title</div> Я хотел бы, чтобы этот элемент имел значок префикса, установленный его атрибутом данных (data-icon), поэтому я установил файл CSS след…
07 май '15 в 10:02
5
ответов
Можно ли объединить псевдоклассы css3:after и:lastchild?
У меня есть список ссылок, и я использую следующий код, чтобы поставить слово после каждого элемента ссылки: a:after {content: "eg"} Однако я не хочу, чтобы контент располагался после последнего элемента в списке, поэтому в идеале я хотел бы сказать…
13 мар '12 в 16:46
1
ответ
Стилизация элемента ввода с использованием только CSS
Я хочу стилизовать элемент ввода, как указано ниже. Я сделал это, удалив свойство border и добавив только border-bottom. Но когда я вписываю текст в это, появляется некоторая граница. Как я могу удалить границу, когда вход сфокусирован? Есть ли спос…
28 сен '15 в 13:51
1
ответ
: после того, как элемент с вращением перемещается на изменение размера
У меня есть элемент: before и an: after (для теневых целей) с примененным к нему transform: rotate.:: Before остается на месте, когда размер области просмотра изменяется, однако: after немного перемещается вверх и вниз. Если поворот будет удален, он…
12 фев '15 в 10:56
3
ответа
Круг / Пончик с отрезанным куском
Как я могу сделать изображение, подобное изображенному ниже, с использованием чистого CSS или холста? Мне нужно, чтобы он имел прозрачный фон; можешь помочь мне в этом?
18 апр '13 в 15:51
1
ответ
CSS до и после вертикального выравнивания сверху
У меня есть простой слайдер, в котором я делаю две стрелки на обоих концах. Однако выравнивание стрелок на обоих концах отключено на один пиксель. Он ниже или выше как в Firefox, так и в Chrome на один пиксель. Я создаю стрелки в CSS. Я использую O…
20 июн '13 в 19:16
1
ответ
Ширина переходов на:: после псевдоэлемента не работает в Edge
Я использую CSS переходы на ::after псевдоэлемент, и он отлично работает в Chrome и Firefox; однако, это не работает, как ожидалось в Edge. Переход цвета фона работает на псевдоэлементе, а ширина - нет. Вот мой текущий код: http://codepen.io/anon/pe…
03 сен '15 в 22:33
1
ответ
Проблема размера псевдоэлемента в CSS
Пожалуйста, скажи мне почему :before псевдоэлемент не ведет себя как обычный img в этом случае: Левый div с img внутри и imgШирина и высота равны 100% . Правильный div с :before а также :beforeШирина и высота тоже на 100%, но эффект другой! (Я знаю,…
28 авг '13 в 07:54
1
ответ
Как показать масштабированный SVG в псевдоэлементе?
Я хочу отобразить файл.svg внутри псевдоэлемента в CSS. .commit-status:before { content: url('git.svg'); margin-right: 7px; font-family: 'FontAwesome'; font-size: 100%; } Я конвертировал этот файл.eps в.svg с помощью Inkscape.Это выход. Я думаю, что…
14 апр '14 в 23:48
1
ответ
Псевдоэлемент::before создает перенос текста при использовании% margin по сравнению со статическим margin
У меня проблемы с панелью навигации. Я хочу отделить каждый li с помощью символа "/" и хочу, чтобы интервал основывался на ширине окна. Когда поле элемента::before ("/") было margin: 0 20px; все элементы были встроены. Однако, когда я изменяю его на…
02 дек '13 в 15:11
1
ответ
Использование шрифта потрясающе над контейнером, в котором уже есть псевдоэлементы
Мне нужно отобразить шрифт потрясающие значки на div, который уже применяется псевдоэлементы (до и после). Скажем, у меня есть div, бумага с эффектом 3d, в которой используются псевдоэлементы. Теперь я хочу нарисовать контактную форму, которая испол…
08 июн '14 в 03:18
3
ответа
Граница между текстом поиска и кнопкой поиска в окне поиска
демонстрация HTML <div class="search"> <input type="text" value="search..." /> <input type="image" value="Q" /> </div> CSS .search{ width: 400px; background-color: gray; border-radius: 12px; padding: 20px; } .search input:fi…
28 авг '13 в 08:58
3
ответа
Поддерживаются ли в IE9 псевдоэлементы CSS3::before и::after?
В этой таблице совместимости MS написано, что IE9 не поддерживает псевдоэлементы ::before а также ::after, но когда я пытаюсь, кажется, что это делает... см. JSBin Я делаю что-то неправильно? я думал ::before а также ::after было бы неплохо, чтобы с…
23 авг '11 в 07:08
2
ответа
Элемент привязки не работает, когда::before псевдоэлемент
Я применил некоторые стили на родителя ::before и якорный элемент внутри больше не работает. Кажется, что-то переопределяет поведение по умолчанию элемента привязки, но я не могу понять, что. Как я могу это исправить? .ugallery_item::before { conten…
13 мар '15 в 12:33
1
ответ
Как я могу установить псевдо-стили по умолчанию в моем CSS?
Я хотел начать минимизировать CSS, который я должен написать, и подумал, что это спасет кучу строк в долгосрочной перспективе. Я хочу установить глобальный (по умолчанию) стиль для :before а также :after так что мне не нужно повторять стили, как con…
03 янв '14 в 15:10
4
ответа
Добавьте onclick с псевдоэлементом css после
Возможно ли в моем файле CSS сделать что-то подобное?: .myclass:after{ content:"click me"; onclick:"my_function()"; } Я хочу добавить после всех экземпляров myclass кликабельный текст в таблице стилей CSS.
28 ноя '11 в 19:52