1ãselector:before( sRules ) å®è¦åcontentå±æ§ä¸èµ·ä½¿ç¨ï¼è®¾ç½®å¨å¯¹è±¡åï¼ä¾æ®å¯¹è±¡æ çé»è¾ç»æï¼åççå
容ï¼
2ãselector:after( sRules ) åbeforeç¨æ³ä¸æ ·ï¼ä¸è¿å®æ¯è®¾ç½®å¨å¯¹è±¡åï¼ä¾æ®å¯¹è±¡æ çé»è¾ç»æï¼åççå
容ï¼
çä¾å容æç解äºï¼
代ç å¦ä¸:
<style>
.div{width:350px; border:1px solid #000; line-height:50px; margin:10px;}
.divb{width:500px; border:1px solid #FC0;}
.after,.before,.block{border:1px solid #330;}
.after:after{content:'æå¨åé¢å§'; color:#F00;}
.before:before{content:'æå¨åé¢å§'; color:#F00;}
.block:after{content:'ææ¯åå
ç´ ï¼æå ä¸è¡'; color:#F00; display:block;}
.block{display:block;}
</style>
<body>
<div class="div">after<span class="after">ææ¯éé¢çå
容</span></div>
<div class="div">before<span class="before">ææ¯éé¢çå
容</span></div>
<div class="divb">block<span class="block">ææ¯éé¢çå
容</span></div>
</body>
温馨提示:内容为网友见解,仅供参考