1. <span id="z4nqb"></span>

      E:last-child

      語法:

      E:last-child { sRules }

      說明:

      匹配父元素的最后一個子元素E。
      • 要使該屬性生效,E元素必須是某個元素的子元素,E的父元素最高是body,即E可以是body的子元素
      • E:last-child選擇符,E必須是它的兄弟元素中的最后一個元素,換言之,E必須是父元素的最后一個子元素。與之類似的偽類還有E:first-child,只不過情況正好相反,需要它是第一個子元素。
      • 通過具體的例子來進(jìn)行理解:

        有效的代碼:

        p:last-child{color:#f00;} <div> <h2>我是一個標(biāo)題</h2> <p>我是一個p</p> </div>

        無效的代碼:

        p:last-child{color:#f00;} <div> <p>我是一個p</p> <h2>我是一個標(biāo)題</h2> </div>

        在上述代碼中,如果我們要設(shè)置第一個li的樣式,那么代碼應(yīng)該寫成li:first-child{sRules},而不是ul:first-child{sRules}。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
      IE9.0+

      示例:

      1. <span id="z4nqb"></span>
        国产午夜精品久久久久 | AV大香蕉伊人 | 国家一级A片 | 国产色婷婷亚洲999精品网站 | 艹逼视频| 操逼动态视频 | 伊人久久久久亚洲AV无码裤子 | 黄色大全在线观看 | 欧美黄色免费在线观看 | www.一起撸 |