在CSS中,选择器可以用来选择HTML文档中的元素,使得开发者可以对这些元素进行样式设计和变化。除了基本的选择器之外,CSS还提供了许多更为复杂的选择器。
其中,选择器包括小括号(),可以帮助我们更加准确地选择元素。
/* 使用小括号选择元素 */ ul li:nth-child(2) { color: red; } /* 筛选出所有类名为“example”的元素的直接子元素的第一个p元素 */ .example > p:first-child { font-weight: bold; }
在上面的例子中,我们使用了小括号来筛选元素。其中,":nth-child()"选择器可以选择第N个元素,这里我们选择了ul中第二个li元素,并将其文字颜色设置为红色。
而 ">p:first-child"选择器则会筛选出所有类名为“example”的元素的直接子元素的第一个p元素,并将字体加粗。
使用小括号可以帮助我们更精确地选择元素,从而更方便地进行页面设计和布局。