手机
当前位置:查字典教程网 >网页设计 > 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解决方法】相关文章:

css3实现闪亮进度条效果

WEB标准布局的Div + CSS 高度自适应解决方法

li行间距大(IE中多了5个像素)的解决方法

网页div css是文字补白速记

IE7.0以下版本列表li中的元素错位一个上一个下的解决方法

CSS伪类对象before和after的用法实例详解

DIV下图片自适应解决方法

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

box-sizing让CSS布局更加直观

自动调整高度的div层

精品推荐
分类导航