日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

上邊這三個組合選擇器必須和其他選擇器配合使用，以指定瀏覽器僅選擇某種特定上下文中的元素。

創(chuàng)新互聯(lián)專注于于田網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供于田營銷型網(wǎng)站建設，于田網(wǎng)站制作、于田網(wǎng)頁設計、于田網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務，打造于田網(wǎng)絡公司原創(chuàng)品牌,更為您提供于田網(wǎng)站排名全網(wǎng)營銷落地服務。

article section { margin: 5px }
article > section { border: 1px solid #ccc }

你可以用子組合選擇器>選擇一個元素的直接子元素。上例中，第一個選擇器會選擇article下的所有命中section選擇器的元素。第二個選擇器只會選擇article下緊跟著的子元素中命中section選擇器的元素。

在下例中，你可以用同層相鄰組合選擇器+選擇header元素后緊跟的p元素:

header + p { font-size: 1.1em }

你也可以用同層全體組合選擇器~，選擇所有跟在article后的同層article元素，不管它們之間隔了多少其他元素:

article ~ article { border-top: 1px dashed #ccc }

這些組合選擇器可以毫不費力地應用到sass的規(guī)則嵌套中。可以把它們放在外層選擇器后邊，或里層選擇器前邊:

article {
  ~ article { border-top: 1px dashed #ccc }
  > section { background: #eee }
  dl > {
    dt { color: #333 }
    dd { color: #555 }
  }
  nav + & { margin-top: 0 }
}

sass會如你所愿地將這些嵌套規(guī)則一一解開組合在一起:

article ~ article { border-top: 1px dashed #ccc }
article > footer { background: #eee }
article dl > dt { color: #333 }
article dl > dd { color: #555 }
nav + article { margin-top: 0 }

在sass中，不僅僅css規(guī)則可以嵌套，對屬性進行嵌套也可以減少很多重復性的工作。

當前文章：創(chuàng)新互聯(lián)SASS教程:2-3. 子組合選擇器和同層組合選擇器：>、+和~
網(wǎng)站鏈接：http://www.dlmjj.cn/article/coigops.html