Вопросы с тегом 'css-content'

CSS Generated Content позволяет нам вставлять и перемещать контент вокруг документа. Мы можем использовать это для создания примечаний, примечаний к примечаниям и разделах, а также счетчиков и строк, которые могут использоваться для запуска верхних и нижних колонтитулов, нумерации разделов и списков.
9 отв.

Добавление объектов HTML с использованием содержимого CSS

Как вы используете свойство CSS content для добавления html-объектов? У меня есть ряд ссылок, которые я вношу в список стилей пачки, добавляя стрелку перед каждым. <div class="breadcrumbs"> <a>One</a> <a>Two</a&g...
10 окт. '08 в 10:19
19 отв.

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

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

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

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

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

Ни один из следующих кодов не работает: p:before { content: " "; } p:before { content: "&nbsp;"; } Как добавить пробел перед содержимым элемента? Примечание. Мне нужно покрасить границу слева и маржу слева для семантического использования и...
14 мая '13 в 23:36
2 отв.

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

Возможно ли иметь несколько псевдонимов :before для одного и того же элемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я пытаюсь применить вышеупомяну...
17 авг. '12 в 4:15
8 отв.

Вертикальное выравнивание CSS: до и: после содержимого

Я пытаюсь центрировать ссылку с изображением, но никак не могу перемещать содержимое по вертикали. <h4>More Information</h4> <a href="#" class="pdf">File Name</a> Значок 22 x 22px .pdf { font-size: 12px; } .pdf:before ...
14 мая '10 в 12:22
2 отв.

CSS: после кодирования символов в контенте

Я использую следующий CSS, который, кажется, работает: a.up:after{content: " ↓";} a.down:after{content: " ↑";} Символы, однако, не могут быть закодированы таким образом, поскольку вывод является буквальным и показывает фактическую строку: a.u...
17 февр. '11 в 17:56
4 отв.

Атрибут данных CSS новый символ строки и значение содержимого псевдоэлемента

Возможно ли иметь новую строку в атрибуте данных? Я пытаюсь сделать что-то вроде этого: CSS [data-foo]:after { content: attr(data-foo); background-color: black; } HTML <div data-foo="First line \a Second Line">foo</div> Я ...
09 мая '13 в 1:53
3 отв.

Можно ли выбрать css-контент?

Скажем, я отмечаю: <div data-generated="world!">Hello </div> .. с CSS: div:after { content: attr(data-generated); } Это создает текст: Hello world! - FIDDLE div:after { content: attr(data-generated); } <div data-gen...
24 июня '14 в 14:13
1 отв.

CSS Псевдоэлементные счетчики: можете ли вы увеличивать буквы алфавита "a", "b", "c" и т.д. Вместо числа?

Как определено здесь: http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment Вы можете использовать следующий код для увеличения чисел в псевдоэлементах. H1:before { content: "Chapter " counter(chapter) ". "; counter-increment...
05 июня '13 в 18:23
10 отв.

Цвет "прозрачный" не работает

У меня проблема с IE (что еще?): Я создаю контент с CSS, который также имеет фоновое изображение. Я выгляжу так: #nav ul li:after { content: "--"; position: relative; z-index: 99; background: transparent url(image.png); color: t...
07 мая '10 в 19:45
2 отв.

Css Content, Attr и Url в том же предложении

Я использовал атрибут content в течение длительного времени, и сегодня я хотел попробовать что-то новое. Вместо того, чтобы использовать JS для отображения подсказки с изображением, я хотел знать, можно ли это сделать динамически с помощью CSS. Итак...
12 февр. '12 в 0:25
3 отв.

Зачем мне нужно пустое свойство `content` в:: после псевдоэлемента?

Я получил http://jsfiddle.net/8p2Wx/2/ из предыдущего вопроса, который я задал, и вижу следующие строки: .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } Если я уберу content:"", он разрушит эффект, и я ...
07 марта '12 в 13:35
4 отв.

Почему: перед и: после псевдоэлементов требуется свойство content?

Учитывая следующий сценарий, почему: после выбора требуется, чтобы свойство содержимого функционировало? .test { width: 20px; height: 20px; background: blue; position:relative; } .test:after { width: 20px; height: 20px...
12 июня '13 в 17:18