关于:after一段幽默的CSS代码
日期：2013-10-03 浏览次数：21038 次
挺鬼异的，有兴味的话，拿工具调试一下，建议是非IE
<html><head><title>:before, :after</title>
<style type="text/css">
h1:before { content:url(/webdesign/UploadFiles_9870/200702/20070205071316724.gif)" "; }
h2:before { content:"\2022"; }
h2:hover:after { content:" #"attr(id); color:#888; font-size:70%; font-style:italic; }
*[title]:after { content:" ("attr(title)")"; color:#080; }
</style>
</head><body>
<h1>Thema</h1>
<h2 id="einleitung">Einleitung</h2>
<p title="Erl?uterung...">Text mit <code>title</code>-Attribut</p>
<p><a href="index.html#before_after">zurück</a></p>
</body></html>
<style type="text/css">
h1:before { content:url(/webdesign/UploadFiles_9870/200702/20070205071316724.gif)" "; }
h2:before { content:"\2022"; }
h2:hover:after { content:" #"attr(id); color:#888; font-size:70%; font-style:italic; }
*[title]:after { content:" ("attr(title)")"; color:#080; }
</style>
</head><body>
<h1>Thema</h1>
<h2 id="einleitung">Einleitung</h2>
<p title="Erl?uterung...">Text mit <code>title</code>-Attribut</p>
<p><a href="index.html#before_after">zurück</a></p>
</body></html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
