CSS選擇器是用來指定對哪些元素應(yīng)用樣式的規(guī)則，可以根據(jù)元素的屬性、位置、關(guān)系等來進行選擇。其中，兄弟、父子關(guān)系是常用的選擇器之一。

兄弟關(guān)系指的是在同一級別的元素之間的關(guān)系。常用的兄弟選擇器有兩種：

/* 選擇當前元素之后的所有兄弟元素 */
selector + sibling {
/* 這里是樣式 */
}
/* 選擇當前元素之后的所有相鄰的兄弟元素 */
selector ~ sibling {
/* 這里是樣式 */
}

舉個例子：

/* 選擇ID為first的元素后面的第一個兄弟元素，并修改其背景顏色和文字顏色 */
#first + p {
background-color: blue;
color: white;
}
/* 選擇ID為first的元素后面所有的兄弟元素（不包括first本身），并修改其背景顏色和文字顏色 */
#first ~ p {
background-color: yellow;
color: green;
}

而父子關(guān)系指的是元素之間的嵌套關(guān)系。常用的父子選擇器是：

/* 選擇父元素下面的所有子元素 */
parent selector {
/* 這里是樣式 */
}
/* 選擇父元素下面的所有直接子元素 */
parent >child {
/* 這里是樣式 */
}

例如：

/* 選擇class為parent的所有子元素，包括嵌套的子元素 */
.parent p {
font-size: 24px;
}
/* 選擇ID為father的元素直接下面的所有子元素 */
#father >div {
border: 1px solid red;
}

以上就是CSS選擇器中兄弟和父子關(guān)系的基本知識點以及使用實例。