Подтвердить что ты не робот

Добавление двойных кавычек в абзац с CSS

Предположим, что у меня есть этот абзац:

<p class="myclass">This is my paragraph</p>

Что такое код CSS для добавления двойных кавычек в этот абзац? (Таким образом, он отобразит "Это мой абзац" )

.myclass {}

Ответ 1

Используйте pseudo-elements:

p.myclass:before, p.myclass:after {
    content: '"';
}

Fiddle: http://jsfiddle.net/2bE8j/1/

Ответ 2

Собственно, принятый ответ неправильный или, по крайней мере, субоптимальный. Это должно быть:

q { quotes: '\201c' '\201d'; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

\201c здесь Юникод для левой фигурной двойной кавычки. Нет причин, по которым вы не могли бы писать двойные кавычки непосредственно в правиле для q:

q { quotes: '"' '"'}

open-quote и close-quote являются специальными значениями для свойства content, которые относятся к строкам, заданным как значения для свойства quotes.

Теперь вы можете просто сказать:

<p><q>This is my paragraph</q></p>

Или какой-либо вариант; вы могли бы, конечно, добавить правила before и after непосредственно на p, если хотите:

body { quotes: '\201c' '\201d'; }
p:before { content: open-quote; }
p:after  { content: close-quote; }

Это позволяет вам разделить конкретные символы, используемые для котировок, используя свойство quotes, не изменяя все правила before и after. Например, вы можете делать такие вещи, как

:lang(de) { quotes: "»" "«"; }

чтобы получить кавычки в немецком стиле, если для атрибута lang установлено значение de для любого предка.

Свойство quotes фактически позволяет вам указывать дополнительные наборы котировок для использования с вложенными кавычками. Подробнее см. В документах.

body { quotes: '\201c' '\201d'; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

:lang(de) { quotes: "»" "«"; }

<p>Quoth the raven, <q>Never more.</q></p>

<p lang="de">Sprach der Rabe: <q>Nie du Tor.</q></p>

Ответ 3

.myclass:before
{
content: '\201C';
}

.myclass:after
{
content: '\201D';
}

Ответ 4

Вот что я сделал, чтобы сделать цитаты из моего блочного дела.

Это для первого кавычки:

blockquote:before{content: open-quote;}

и это для второй кавычки:

blockquote:after{content: close-quote;)

Однако это работает только в CSS3.

Ответ 5

[aux_code language = "javascript" theme = "завтра" title= "" extra_classes = ""] вставьте здесь свой код [/aux_code]

Это мой сценарий, он не поддерживает двойные кавычки "" Любая помощь??