IE6无法识别伪对象:first-letter和:first-line解决方法
IE6无法识别伪对象:first-letter和:first-line解决方法
发布时间:2016-12-27 来源:查字典编辑
摘要:学习HTML和CSS时,总要一边学习,一边试验下,影响才会更深刻,对于那些属性才能更知道他们所处的位置和环境,不过有时,浏览器的版本会限制一...

学习HTML和CSS时,总要一边学习,一边试验下,影响才会更深刻,对于那些属性才能更知道他们所处的位置和环境,不过有时,浏览器的版本会限制一些属性和对象的实现,有些浏览器会无法识别部分代码,如果去试试不同的浏览器又比较麻烦,我目前就是碰到了一个麻烦,IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法。

1.在CSS样式表里增添如下的代码

p:fisr-letter {float:left;font-size:50px;font-weight:bold;}

p:first-line {color:purple}

说明:增加空格,在伪对象选择符:first-letter/:first-line与包含规则的“{”间增加空格。

2.也可以在CSS样式表里添加如下的规则

p:first-letter

{float:left;font-size:50px;font-weight:bold;}

p:first-line

{color:purple}

说明:将整个花括号“{”规则区域换到下一行。

PS: :first-letter&:first-line的定义

1.”first-letter” 伪元素用于向文本的首字母设置特殊样式。它只能用于块级元素

下面的属性可应用于 “first-letter” 伪元素:

font

color

background

margin

padding

border

text-decoration

vertical-align (仅当 float 为 none 时)

text-transform

line-height

float

clear

2.”first-line” 伪元素用于向文本的首行设置特殊样式。它也只能用于块级元素。

下面的属性可应用于 “first-line” 伪元素:

font

color

background

word-spacing

letter-spacing

text-decoration

vertical-align

text-transform

line-height

clear

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类