css中* html>body 是什麼意思?

來源:互聯網
上載者:User
>是子選擇符,用於匹配那些其他元素的直接後輩,屬於CSS2

比如說:
body > p{color:red;}
<body>
<p>內容</p>
<div><p>內容</p></div>
</body>

只有第一個匹配,第二個P是DIV的下級,因此是BODY的孫級,就不匹配了
*是通用選擇符,匹配文檔中的任何元素
比如說:
body * ul{color:gray;}
BODY元素的兩級以下的UL元素顏色為灰色
也就是說BODY元素的任何下級UL元素不為灰色,但其他UL,不論是DIV的下級元素,還是清單項目,或是表格,都會成為灰色
* html>body
至於這個我也不知道該怎麼解釋,範圍太大了
就現在的htm檔案而言,html標記已經是最外層的,body就是html的直接下級
我好象記得
html>body #top {
    height: 70px;
}
這是為了避免opera的一個分解BUG

上面的二個height,第一個是為了能IE5盒模型的錯誤,後面一個height才是正確的數字

這些在<網站重構>裡面有講到,買本看看吧
CSS: TDG 對 CSS1 的全部和 CSS2 的大部分屬性都有詳細的介紹。

成書之時,CSS2 的支援還很不完善,就像乾坤大挪移,張無忌之前從未有人練到過第七層,所以以 Eric Meyer 之能 (他是 W3C CSS2 小組的特邀專家),很多效果也只能憑空想象。當然,CSS1 的支援基本上都可以使用了,這方面是講述得很詳細的。

目前現代的瀏覽器 (Moz, IE6, Safari, Opera) 對 CSS1 的支援趨近於完美,CSS2 的大部分都有較好的支援了 (IE6 例外)。

> * 這些選擇符,IE6 不支援,但可以用過 IE6 的 Behavior 來書寫 htc 檔案令它支援。

這在 Eric Meyer 的《More Eric Mayer On CSS》的一個 project 中提到了。另外,http://dean.edwards.name/IE7/ 提供了一個目前相當不錯的 IE6 補丁包,讓你安裝在網站上,可使 IE 使用者順利瀏覽用了這些選擇符的 CSS。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.