在CSS中,子元素选择器可以用于选择元素的直接子元素。子元素可以是任何元素类型,只要它是另一个元素的后代元素。
/* 选中p元素下的所有直接子元素 */ p >* { border: 1px solid black; }
上面的代码表示,在选择器中使用“>”来选中p元素的所有直接子元素,并将它们的边框设置为1像素的黑色线条。
使用子元素选择器是非常灵活的,可以用于控制不同层级元素的样式和行为。下面是一个例子,将所有li元素的文本颜色设为红色:
/* 选中ul的直接子元素li */ ul >li { color: red; }
上面的代码会选中一个ul元素中所有直接子元素为li的元素,并将它们的文本颜色设置为红色。
子元素选择器是CSS中强大的选择器之一,为网页设计人员提供了更多的选择和灵活性。