Вложенные псевдоэлементы внутри псевдоэлементов - PullRequest
Новая
       2

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

43 голосов
/ 25 января 2012

У меня есть: before для открывающей котировки и an: 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;
    }

1 Ответ

46 голосов
/ 25 января 2012

Была предложена идея вложения псевдоэлементов ::before и ::after; см. этот раздел модуля Генерируемый и заменяемый контент. Тем не менее, этот модуль был заброшен в ожидании полной перезаписи , поэтому я не стал бы задерживать дыхание на этом документе, когда-либо получающем реализацию, пока он не будет переиздан. И даже тогда, пока неизвестно, будут ли вложенные псевдоэлементы контента все еще неизвестны.

...