在CSS中,大家可以使用后代选择器和子选择器来选中子元素。后代选择器使用空格来表示,它可以选中所有被嵌套在指定元素内的子元素。例如:
.parent p { color: red; }
这个后代选择器可以选中”.parent”元素内的所有”p”子元素,并将它们的文字颜色设置为红色。
而子选择器则使用”>”符号来表示,它只能选中指定父元素的子元素,不能选中孙子元素等其他层级的子元素。例如:
.parent >.child { font-weight: bold; }
这个子选择器只能选中”.parent”元素下直接的子元素”.child”,并将它们的字体加粗。
选中子元素这个技巧,在网页布局和样式设置中是非常常见的。掌握了基本的后代选择器和子选择器语法,大家就能轻松地选中网页中任何需要的子元素了。