Вложение псевдоэлементов внутри псевдоэлементов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

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