我有一个 :before 用于开头“引用”,一个 :after 用于结束引用。
现在我想要的是 :after:after 作为“引用”参考,但我无法让它工作。
有谁知道这是否可能?
到目前为止我的代码:-
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;
}
筑巢的想法::before
and ::after
伪元素已被提出;看本节 http://www.w3.org/TR/css3-content/#nesting生成和替换内容模块的。然而,该模块已被放弃等待完全重写 http://www.w3.org/Style/CSS/current-work.en.html,所以在这份文件重新发布之前,我不会对它的实施抱有任何期待。即便如此,嵌套内容伪元素是否仍然是一个问题仍然未知。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)