将样式应用于第二个子 div - CSS

在HTML中，div是一种用于将文档分成不同区域的元素。而CSS可以被用来控制HTML的样式。在这个任务中，我们将学习如何将样式应用于HTML文档中的第二个子div。

选择第二个子 div

要选择HTML文档中的第二个子div，我们可以使用CSS选择器“:nth-child()”。这个选择器可以选择特定序号的子元素。例如，选择第二个子div的CSS代码为：

div:nth-child(2) {
    /* 在这里添加样式 */
}

应用样式

一旦我们选择了第二个子div，就可以在上面添加样式了。下面是几个例子：

更改背景颜色

div:nth-child(2) {
   background-color: #ff0000;
}

调整宽度

div:nth-child(2) {
   width: 50%;
}

更改字体大小

div:nth-child(2) {
   font-size: 24px;
}

以上是一些简单的例子，你可以根据你的需求自由修改样式。

结论

通过使用CSS选择器“:nth-child()”，我们可以选择HTML文档中的特定子元素，并通过CSS样式来改变它们的样式。在本任务中，我们选择了第二个子div，并为它添加了一些基本的样式。