1. 程式人生 > >css 中包含(後代)選擇器與子選擇器的區別

css 中包含(後代)選擇器與子選擇器的區別

空格 cto 後代選擇器 sele 作用 大於號 進行 sel spa

子選擇器:即大於號(>),用於選擇指定標簽元素的第一代子元素。.span>li{XXXX}。

包含(後代)選擇器:即加入空格,用於選擇指定標簽的後輩元素。.fisrt span{XXXX}。

註意:這個選擇器與子選擇器的區別,子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。而後代選擇器是作用於所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。

總結:>作用於元素的第一代後代,空格作用於元素的所有後代。

css 中包含(後代)選擇器與子選擇器的區別