在CSS樣式中，選擇器的作用十分重要。選擇器可以篩選出需要修改樣式的元素并對其進行樣式設置。其中，選擇子元素與孫子元素的技巧十分關鍵。下面詳細介紹如何使用CSS選擇器從孫子元素中只選中子元素。

我是父元素我是子元素
我是孫子元素

如上面的元素結構，如果想要選擇父元素p內的子元素span，我們可以使用 >選擇器。

p >span {
color: red;
}

以上選擇器可以讓子元素span變為紅色。但是如果不使用 >選擇器，而是直接使用p span的選擇器，則會將孫子元素p也一起選中并進行樣式設置。

p span {
color: red;
}

在某些布局場景下，這種子元素與孫子元素的選擇差別十分重要，尤其是在選擇器嵌套使用時。因此，我們需要注意CSS選擇器的使用。通過使用 >選擇器可以避免選擇大量無用的孫子元素，進而提高網頁性能。