IE6无法识别伪对象:first-letter和:first-line解决方法
网站建设 2021-07-03 08:43www.dzhlxh.cn网站建设
学习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” 伪元素用于向文本的首字母设置特殊样式。它只能用于块级元素
狼蚁网站SEO优化的属性可应用于 “first-letter” 伪元素：
font
color
background
margin
padding
border
text-decoration
vertical-align (仅当 float 为 none 时)
text-transform
line-height
float
clear
2.”first-line” 伪元素用于向文本的首行设置特殊样式。它也只能用于块级元素。
狼蚁网站SEO优化的属性可应用于 “first-line” 伪元素：
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
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” 伪元素用于向文本的首字母设置特殊样式。它只能用于块级元素
狼蚁网站SEO优化的属性可应用于 “first-letter” 伪元素：
font
color
background
margin
padding
border
text-decoration
vertical-align (仅当 float 为 none 时)
text-transform
line-height
float
clear
2.”first-line” 伪元素用于向文本的首行设置特殊样式。它也只能用于块级元素。
狼蚁网站SEO优化的属性可应用于 “first-line” 伪元素：
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear