CSS節點選擇器是選擇DOM節點中的某個特定元素的基本方式。在CSS中，我們可以通過以下方式來選擇元素：

/* 通過元素名選擇 */
p {
color: red;
}
/* 通過類名選擇 */
.class-name {
font-size: 16px;
}
/* 通過ID選擇 */
#id-name {
font-weight: bold;
}
/* 通過屬性選擇 */
[type="text"] {
width: 100px;
}

以上都是CSS中常用的選擇器，但節點選擇器的應用范圍更為廣泛。通過節點選擇器，我們可以選擇某個元素的直接子元素、兄弟元素、父元素等。下面是一些常見的節點選擇器：

/* 選擇直接子元素 */
.parent >.child {
background-color: yellow;
}
/* 選擇相鄰兄弟元素 */
.elem1 + .elem2 {
border: 1px solid black;
}
/* 選擇后續兄弟元素 */
.elem1 ~ .elem2 {
margin-top: 20px;
}
/* 選擇父元素 */
.elem1:has(.elem2) {
opacity: 0.5;
}

上述例子中，>表示選擇直接子元素，+表示選擇相鄰的兄弟元素，~表示選擇后續的兄弟元素。而:has()則表示選擇擁有特定子元素的父元素。

除此之外，我們還可以使用一些更加高級的節點選擇器，例如:nth-child()、:first-child、:last-child等。這些選擇器可以幫助我們更加精確地選擇DOM樹中的某些元素，從而達到更好的樣式控制效果。