Вложение псевдоэлементов внутри псевдоэлементовCSS

Разбираемся в CSS
Ответить
Anonymous
 Вложение псевдоэлементов внутри псевдоэлементов

Сообщение Anonymous »

У меня есть :before для открывающей «кавычки» и :after для закрывающей кавычки.
Теперь мне нужен :after:after для ссылки «cite» но я не могу заставить его работать.
Кто-нибудь знает, возможно ли это?
Мой код на данный момент: -

Код: Выделить всё

blockquote:before {
content: '\201C';
}

blockquote:after {
content: '\201D';
}

blockquote {
font-size: 22px;
line-height: 24px;
text-indent: 60px;
}

blockquote:before {
font-size: 170px;
margin-left: -136px;
margin-top: 50px;
opacity: 0.2;
position: absolute;
overflow: visible;
float: left;
width: 135px;
}

blockquote:after {
float: right;
font-size: 170px;
margin-right: 35px;
margin-top: 33px;
opacity: 0.2;
overflow: visible;
width: 135px;
}

blockquote[cite]:after:after {
display: block;
text-align: right;
content: "\2014\ " attr(cite);
font-style: normal;
font-size: 0.8em;
}

Код: Выделить всё

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.



Подробнее здесь: https://stackoverflow.com/questions/900 ... o-elements
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»