Описание тега css-content
Созданный с помощью CSS контент позволяет нам вставлять и перемещать контент по документу. Мы можем использовать это для создания сносок, концевых сносок и примечаний к разделам, а также счетчиков и строк, которые можно использовать для запуска верхних и нижних колонтитулов, нумерации разделов и списков.
1
ответ
Выровнять CSS по правому краю: цифры?
Я хочу иметь пронумерованные абзацы, не прибегая к использованию упорядоченных списков. Я пытаюсь сделать это, используя content:counter(абзац) в CSS, чтобы каждый блок абзаца, который я создаю, генерировал число слева от него. .pass { counter-reset…
24 сен '13 в 19:50
3
ответа
Использование свойства attr(data-icon) для отображения юникода перед элементом
Давайте продемонстрируем пример с простым HTML-кодом, например так: <div data-icon="\25B6">Title</div> Я хотел бы, чтобы этот элемент имел значок префикса, установленный его атрибутом данных (data-icon), поэтому я установил файл CSS след…
07 май '15 в 10:02
2
ответа
Почему я не могу использовать пробел после on:before:after content при использовании юникода
Мне просто было интересно, почему в CSS при использовании юникода я не могу поставить пробел после юникода: Это мой тест: div {font-size:50px;} div:before, div:after {color:green;} .a:before {content: 'text-before \2022 ';} .b:before {content: 'text…
29 ноя '16 в 11:29
1
ответ
Вложенные счетчики css с ведущими нулями
Можно ли объединить CSS counters() функция с ведущими нулями, создающая такой список: Item 01 Item 01.01 Item 01.02 Item 01.02.01 Ведущие нули возможны при использовании content: counter(name, decimal-leading-zero)и комбинирование вложенных счетчико…
07 июн '12 в 16:30
2
ответа
Можно ли использовать (несколько) стилей шрифта в CSS `content`?
У меня есть элемент CSS, настроенный для вставки некоторого контента через: .foo:after { content: "Bold, italics"; } Я бы хотел, чтобы слово "Bold" отображалось жирным шрифтом, а слово "italic" - шрифтом курсивом. Я знаю, что можно добавить строки: …
24 июл '15 в 22:05
1
ответ
Как получить эффект наведения для значков глифов?
Я пытаюсь сделать так, чтобы значок глифа появлялся каждый раз, когда я наводил на него указатель мыши. А я пользуюсь <span> тег для этого. Но это отказывается работать. Что я сделал не так? application.scss /* *= require bootstrap3-editable/b…
04 авг '15 в 14:03
3
ответа
Почему IE10 требует наличия правила a p:hover {} для переходов для работы с псевдоэлементом?
HTML: <p>Hover</p> CSS: p::after { content: " here"; transition: all 1s; } p:hover::after { font-size: 200%; color: red; } Демонстрационная версия: http://jsfiddle.net/SPHzj/13/ (работает в Firefox и Chrome) Как видите, я настроил CSS-пе…
15 апр '13 в 12:39
1
ответ
Наложение изображения с использованием: после псевдоэлемента
Я пытаюсь наложить прозрачное изображение поверх другого через свойство after. Это даже не обнаруживается с помощью этого метода. Я хочу использовать изображение в кодировке base64, если это вообще возможно. Я тоже пытался с обычным некодированным и…
15 мар '14 в 05:57
1
ответ
Экранирование специальных символов в свойстве CSS "content"?
У меня есть меню с флагами стран и я использую свойство контента CSS, чтобы добавить название языка. Т.е. так: a.flags::after { content: 'Español'; } Это довольно просто, но проблема в том, что я работаю в CMS (Shopify), которая использует таблицу с…
14 апр '17 в 03:46
2
ответа
Как установить свойство содержимого псевдоэлемента `after` в атрибут элемента родственного элемента
Есть ли способ, используя CSS, чтобы установить содержимое after псевдоэлемент к атрибуту элемента формы родного брата? Например: p:after{ content: +select(attr(title)); } <p>Message: </p> <select> <option title="Hi" value="1"&g…
05 мар '15 в 13:03
1
ответ
Найти текст, сгенерированный CSS-свойством "content"
https://jsfiddle.net/2gf6gq0s/ я использую ::after псевдоэлемент для вставки текста в мой документ: <div class="foo"></div> <div>test</div> <style> .foo::after { content: "hello johnny"; } </style> Однако, если я…
06 май '16 в 09:24
1
ответ
CSS-селектор и свойство содержимого для добавления символа пробела между двумя элементами inline-block
У меня есть серия span элементы класса tag (из bootstrap v4), которые смежны друг с другом без пробела между ними, потому что они происходят из массива activj.js элементов JSX: <span class="tag tag-primary">text</span><span class="tag…
05 авг '16 в 11:46
1
ответ
Safari показывает: после псевдоэлемента, как будто: до
Сафари показывает мой :after псевдоэлемент как будто является :before Chrome показывает это правильно, а Safari - нет. Предполагается поставить косую черту после каждой ссылки в навигации, кроме последней, но Safari ставит их перед каждой. CSS: #sit…
18 июн '13 в 22:22
1
ответ
Google Chrome Dev Tools удаляет элемент:after из DOM, когда:after display отсутствует
Моя проблема связана с Google Chrome Dev Tools, когда я хочу установить display: none; на некоторое время в DOM, но Chrome удаляет все элементы после DOM, и я не могу получить к ним доступ снова. Моя версия Chrome является последней. Есть ли какое-л…
08 янв '19 в 10:18
2
ответа
Охват содержимого без дополнительного тега элемента
Я пытаюсь создать значки плюс и минус, используя промежутки для моих аккордеонов. Мне удалось украсить промежуток в круг, однако, не ставя <p>+</p> внутри <span class="accordian-icon"></span> Как я могу поставить "+" внутри д…
25 ноя '13 в 12:07
0
ответов
CSS-содержимое входного значения перед вводом в элемент td
Я должен напечатать довольно здоровенную комбинацию страницы / формы / таблицы, и когда я печатаю, у меня есть несколько элементов ввода текста, которые я не могу уменьшить ширину, чтобы использовать только ширину, необходимую для отображения текста…
30 янв '15 в 17:49
2
ответа
Скрыть адрес электронной почты от ботов, используя псевдоэлементы?
Псевдоэлементы не являются частью DOM. Они не могут быть нацелены на JavaScript, и они видимы для пользователя. Если бы я хотел создать сайт с моим адресом электронной почты (или любой другой информацией, которую я не хотел бы автоматически удалять)…
16 мар '13 в 13:45
1
ответ
Цвет текста атрибута содержимого - css
Я хотел бы добавить цвет к тексту в атрибуте содержимого. Я сделал это, не работал .atleastTwoChars:after { content: "2*"; float: left; width: 16px; height: 14px; border: 0; margin: 2px 3px 0px 3px; color:#FFBC0000; }
18 дек '11 в 17:01
1
ответ
Тестирование CSS-счетчиков с использованием Cucumber / Selenium
Одно из требований, для которых я пытаюсь создать определения шагов, состоит в том, что каждый элемент должен быть пронумерован. Существует ли API для проверки правильности содержимого, сгенерированного CSS? Мы используем Selenium, Cucumber & Capyba…
22 ноя '13 в 11:35
2
ответа
JQuery удалить на основе до содержания
Можно ли написать функцию JQuery, которая будет удалять все с определенным :before содержание. Вот пример заявления, чтобы дать вам что-то, чтобы показать мне код: удалить все элементы в документе, которые имеют :before псевдоэлемент с content устан…
31 июл '13 в 08:45