4、CSS及偽類選擇器
阿新 • • 發佈:2018-12-14
*{
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;
}