手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE6无法识别伪对象:first-letter和:first-line解决方法
IE6无法识别伪对象:first-letter和:first-line解决方法
摘要:学习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

【IE6无法识别伪对象:first-letter和:first-line解决方法】相关文章:

div标签中的元素margin-top失效的解决方法

DIV+CSS页面布局中BUG解决方法

css3实现闪亮进度条效果

IE6下div层被select控件遮住的问题解决方法

firefox和谷歌不显示body背景图片的解决方法

CSS兼容方案最新的一些技巧

CSS工作原理及CSS规则命名介绍

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

自动调整高度的div层

在ie7下css居中样式text-align:center;偏左问题解决方法

精品推荐
分类导航