CSS中+ , > , ~ 傻傻分不清

樑志芳發表於2019-02-16

+選擇器(相鄰兄弟選擇器)

作用於緊跟其後的兄弟節點。

注意事項:
1.有共同的父級
2.必須緊跟其後,中間隔個啥都不行。
3.只作用於緊跟其後的元素

點選檢視只作用於相鄰的p,後面的p無效
點選檢視中間隔了個元素,+選擇器無效

~選擇器

相對+比較大氣,作用於後面全部的元素,中間隔啥都行。

注意事項:
1.要有共同的父級

點選檢視大氣的~,作用的範圍廣,限制少

>選擇器(後代選擇器)

注意事項:只作用於第一層後代

點選檢視只作用於第一層後代

相關文章