伪类元素选择符

First-letter 和 first-line 只与终端块状元素想搭配,对内联元素或者结构化块状元素不起作用。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>text-shadw</title>
<style>
p:first-line{ font-weight:bold; white-space:2px; letter-spacing:1px;}
p:first-letter{ font-size:48px;}

span:first-line{ font-weight:bold; white-space:2px; letter-spacing:1px;}
span:first-letter{ font-size:48px;}

dl:first-line{ font-weight:bold; word-spacing:2px; letter-spacing:1px;}
dl:first-letter{ font-size:48px;}

</style>
</head>

<body>
<h1>伪类元素选择符</h1>

<p>
first-letter 对首字母进行选择,<br />
first-line 选择了终端块状元素的首行
</p>

<div><span>伪类元素选择符不作用于内联元素</span></div>

<dl>
<dt>伪类元素选择符不作用于结构化块状元素</dt>
</dl>

</body>
</html>

 

IE6只支持超链接上的hover
IE7和其他主流浏览器支持所有元素的hover  (其他元素也可以用hover,哈哈)

First-child  是选择元素的第一个子元素,IE6不支持,IE7支持。

你可能感兴趣的:(伪类元素选择符)