1. 程式人生 > >CSS組合選擇器

CSS組合選擇器

把基本選擇器 通過特殊符號串在一起

div{
background: green;
color: red
}

p{
background: green;
color :green
}

分組選擇器:
div , p{
/div和p屬性都有這個屬性/
}

巢狀選擇器:
div p{
/只有div中的p標籤才有這個屬性/
}

子選擇器:
div > p{
/p標籤的父標籤是div標籤才會生效/
}

相鄰 同級別的選擇器:
div + p{
/*p的同級標籤是div才有這個屬性
對p的樣式定義
*/
}