僞類元素選擇符

First-letter 和 first-line 只與終端塊狀元素想搭配,對內聯元素或者結構化塊狀元素不起做用。html

<!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;}ui

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

</style>
</head>xml

<body>
<h1>僞類元素選擇符</h1>htm

<p>
first-letter 對首字母進行選擇,<br />
first-line 選擇了終端塊狀元素的首行
</p>utf-8

<div><span>僞類元素選擇符不做用於內聯元素</span></div>ci

<dl>
<dt>僞類元素選擇符不做用於結構化塊狀元素</dt>
</dl>it

</body>
</html>io

 

IE6只支持超連接上的hover
IE7和其餘主流瀏覽器支持全部元素的hover  (其餘元素也能夠用hover,哈哈)

First-child  是選擇元素的第一個子元素,IE6不支持,IE7支持。

相關文章
相關標籤/搜索