僞類元素選擇符

時間  2019-11-26
標籤 元素 選擇 简体版
原文   原文鏈接

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支持。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程