中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

23. X:nth-last-child(n)

li:nth-last-child(2) {
      color: red;
   }

與X:nth-child(n)功能類似，不同的是它從一個序列的最后一個元素開始算起。上面例子中設定倒數第二個列表元素的字體顏色。

兼容瀏覽器：IE9+、Firefox、Chrome、Safari、Opera

24. X:nth-of-type(n)

ul:nth-of-type(3) {
      border: 1px solid black;
   }

與X:nth-child(n)功能類似，不同的是它匹配的不是某個序列元素，而是元素類型。例如上面的代碼設置頁面中出現的第三個無序列表ul的邊框。

兼容瀏覽器：IE9+、Firefox、Chrome、Safari

25. X:nth-last-of-type(n)

ul:nth-last-of-type(3) {
      border: 1px solid black;
   }

與X:nth-of-type(n)功能類似，不同的是它從元素最后一次出現開始算起。上面例子中設定倒數第三個無序列表的邊框

兼容瀏覽器：IE9+、Firefox、Chrome、Safari、Opera

26. X:first-child

:first-child偽類用于匹配一個序列的第一個元素。我們經常用它來實現一個序列的第一個元素或最后一個元素的上（下）邊框，如：

ul:nth-last-of-type(3) {
      border: 1px solid black;
   }

兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

27. X:last-child

ul > li:last-child {
      border-bottom:none;
  }

與:first-child類似，它匹配的是序列中的最后一個元素。

兼容瀏覽器：IE9+、Firefox、Chrome、Safari、Opera

出處：css9.net
責任編輯：bluehearts

上一頁 30個最常用css選擇器解析 [5] 下一頁 30個最常用css選擇器解析 [7]

◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。