在css中，類別選擇器是值「E > F」選擇器，用於匹配E元素的所有一級子元素F；子類別選擇器僅指的是父元素的直接後代，大家可以理解為僅作用於第一代子元素，透過「>」來選擇。 本文操作環境：windows10系統、css 3、thinkpad t480電腦。 推薦：css影片教學 子類別選擇器 選定元素下面的子類，用>符號表示。 語法解釋 你應該已經注意到了，子選擇器使用了大於號（子結合符）。 子結合符兩邊可以有空格符，這是可選的。因此，以下寫法都沒有問題：h1 > strong h1> strong h1 >strong h1>strong如果從右向左讀，選擇器 h1 > strong 可以解釋為「選擇作為 h1 元素子元素的所有 strong 元素」。 範例： 衣服 T恤 衬衣 短袖 裤子 牛仔裤 休闲裤 七分裤 這是沒有任何樣式的，我們在瀏覽器中顯示如下： 這是沒有任何樣式的，我們在瀏覽器中顯示如下： $(function () { $(".clothes>li").css("border","1px solid red"); }); 瀏覽器顯示效果如下圖所示： 我們可以看到只有第一代子類為li（衣服、褲子）的加上了紅色邊框，而其他的如T卹、牛仔褲等等並沒有任何樣式。 更多程式相關知識，請造訪：程式設計影片！ ！
