CSS中的大于號符號(>)可以用于選擇器中,表示只選擇當前元素的直接子元素。
/* 示例1:選擇所有p元素的直接子元素strong */ p >strong { color: red; } /* 示例2:選擇類名為list的直接子元素li */ .list >li { font-size: 16px; }
需要注意的是,大于號符號只會選擇當前元素的直接子元素,而不會選擇所有后代元素。
/* 示例3:選擇類名為container的子元素div中,類名為box的直接子元素h2 */ .container >div.box >h2 { font-weight: bold; } /* 示例4:在示例3的基礎(chǔ)上,選擇類名為box的所有后代元素h2 */ .container div.box h2 { font-weight: bold; }
使用大于號符號可以更精確地選擇需要樣式化的元素,提高了樣式表的可讀性和可維護性。