CSS first-chjld偽類屬性匹配一個序列的第一個元素
發(fā)布時間：2014-01-14 16:16:37 作者：佚名 
我要評論
我要評論:first-child偽類用于匹配一個序列的第一個元素，主要用它來實現一個序列的第一個元素或最后一個元素的上（下）邊框，下面有個不錯的示例，感興趣的朋友不要錯過
:first-child偽類用于匹配一個序列的第一個元素。我們經常用它來實現一個序列的第一個元素或最后一個元素的上（下）邊框，如：
ul:nth-last-of-type(3) {
border: 1px solid black;
}
但是我要選擇的是頁面的第一個div，其他的div忽略，那該怎么辦呢？
body>div:first-child{
background:#30C !important;
}
注意：div要是body下的第一個節(jié)點，前面不能有任何元素。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera
怎樣在IE6中實現該效果呢？
復制代碼
代碼如下:ul:nth-last-of-type(3) {
border: 1px solid black;
}
但是我要選擇的是頁面的第一個div，其他的div忽略，那該怎么辦呢？
復制代碼
代碼如下:body>div:first-child{
background:#30C !important;
}
注意：div要是body下的第一個節(jié)點，前面不能有任何元素。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera
怎樣在IE6中實現該效果呢？
相關文章
CSS 選擇器在實踐中是非常常用的，無論是在寫樣式上或是在 JS 中選擇 DOM 元素都需要用到。在 CSS Selectors Level 4 中，工作組繼續(xù)為選擇器標準添加了更豐富的選擇器。需2018-12-24- 這篇文章主要介紹了css選擇器設置標簽樣式的實例代碼,需要的朋友可以參考下2018-11-22
- CSS屬性選擇器非常神奇，它們可以幫你避免添加數不勝數的類名，從另一方面來指出你代碼里的一些問題。接下來通過本文給大家介紹使用CSS屬性選擇器來拼接HTML的DNA的方法，2018-11-02
- 這篇文章主要介紹了CSS中的屬性選擇符和結構化偽類,是CSS入門學習中的基礎知識,需要的朋友可以參考下2015-08-01
css對邊框的屬性控制和鏈接的偽類選擇器-CSS教程-網頁制作-網頁教學網
原文：http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介紹css對邊框(border)的屬性控制和鏈接(link)的偽類選擇器. 邊框(border): css控制的邊框屬2008-10-17- 這篇文章主要介紹了css選擇器四大類：基本、組合、屬性、偽類的相關知識，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-14
