CSS教程 16、CSS的伪元素Pseudo Elements [翻译Htmldog]-信氏宗亲网

信氏宗亲网：http://www.xinhome.com.cn/

首页 → 宗亲动态 → 网站动态 → 动态浏览:CSS教程 16、CSS的伪元素Pseudo Elements [翻译Htmldog]

今天是：

动态导航

图片动态	焦点动态
推荐动态	热门动态
网站动态	姓氏动态
信氏商务	姓氏趣谈
台海局势

热门动态

周易
洪洞大槐树寻根简介
中华民族姓氏起源
亲爱的汶川地震中遇难..
秦皇岛信氏实业有限公..
关于北京奥运会服饰礼..
灾民：子弟兵冒着生命..
信氏鱼村
河南嵩山少林寺武僧团..
四川地震局：汶川地震..

推荐动态

亲爱的汶川地震中遇难..
央行：地震灾区现金供..
保监会：救灾一线人员..
中粮集团：成都地区食..
河南嵩山少林寺武僧团..
重灾区北川县已向外转..
四川副省长：正在修通..
三千海军陆战队官兵抵..
都江堰到虹口公路上三..
广东侨界纷纷捐款捐物

CSS教程 16、CSS的伪元素Pseudo Elements [翻译Htmldog]

CSS教程 16、CSS的伪元素Pseudo Elements [翻译Htmldog]

作者：佚名来源：不详点击数：更新时间：2008-02-28【字体：小大】

收藏到

　　
　　伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。

First letters and First lines 首字母和首行

　　first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。

Example Source Code [www.52css.com]

p:first-letter {
    font-size: 3em;
    float: left;
}

p:first-line {
    font-weight: bold;
}

Before and after 前后

　　before和after用来联系content属性不使用HTML确定一个元素的内容位置。
　　content属性值可以是：open-quote,close-quote,no-open-quote,no-close-quote，在引号标记里关闭任何字符串或使用url(imagename)图片。

Example Source Code [www.52css.com]

blockquote:before {
    content: open-quote;
}
blockquote:after {
    content: close-quote;
}
li:before {
    content: "POW: "
}
p:before {
    content: url(images/jam.jpg)
}

　　听起来不错吧，可惜大部分用户不能体会到before或after的效果，因为IE不支持。

发布人：信氏宗亲网

● 上一篇动态： CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog]
● 下一篇动态： CSS教程 15、CSS的At-Rules@规则 [翻译Htmldog]

【告诉好友】【打印本页】【关闭窗口】