下面是一些使用中号选择器的示例:
/* 选择所有id为parent的div标签下的直接子元素为p的标签 */ #parent >p { color: red; } /* 选择所有类名为child的直接子元素为a的标签 */ .child >a { text-decoration: none; } /* 选择所有元素的直接子元素为ul的标签 */ * >ul { list-style: none; }
需要注意的是,“中号选择器”只能选择父元素下的直接子元素,而无法选择孙子元素或更深层次的后代元素。例如:
/* 无效的中号选择器,选择不到父元素下的孙子元素 */ #parent >ul >li { color: blue; }
总的来说,“中号选择器”是一个非常有用的选择器,在布局和设计网页时经常用到。熟练掌握它可以让你的CSS代码更加简洁、清晰、易于维护。