1. 程式人生 > >4、CSS及偽類選擇器

4、CSS及偽類選擇器

*{ margin:0; padding:0; } /* 群組選擇器 對幾個有相同屬性的選擇器進行樣式設定 兩個選擇器之間必須用逗號隔開*/ div,p{ width: 100px; height: 100px; background: blueviolet; } /* ~ 兄弟選擇器 操作的物件是該元素下的所有兄弟元素*/ p~div{ width: 100px; height: 100px; background: blueviolet; } /* > 子代選擇器 選擇某個元素下面的子元素*/
div>p{ width: 100px; height: 100px; background: blueviolet; border:1px solid red; } /* + 相鄰選擇器操作的物件是該元素的同級元素選擇div相鄰的下一個兄弟元素選擇到緊隨目標元素後的第一個元素*/ div+div{ background: blueviolet; } /*後代選擇器*/ div>ul li{ background: red; }