CSS 背景不适用于第 n 个子选择器

Question

我正在构建一个作品集，我想在此页面的每个部分展示一个作品：

http://andreawebdesign.com.br/new/portfolio.html

我想用这段代码来做：

.container-portfolio section:nth-child(1){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}
.container-portfolio section:nth-child(2){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}
.container-portfolio section:nth-child(3){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}
.container-portfolio section:nth-child(4){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}
.container-portfolio section:nth-child(5){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}
.container-portfolio section:nth-child(6){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}

当然，实际图像会有所不同，那只是一个测试。而且，出于某种原因，背景显示在第一部分中，但在其他部分中没有显示。这真的让我感到困惑，因为我有其他与相同部分相关的代码正在运行（只需将鼠标悬停在它们上面）。我还尝试通过给每个部分一个 class 来直接调用这些部分，但是发生了同样的错误。

有什么想法吗？谢谢

Answer 1

看起来你在打破 CSS.

的每一行上都有一个额外的右大括号 (})

.container-portfolio section:nth-child(1){
    background-image: url(../images/seu_roque.jpg);background-position: center;background-size:cover; }
}

Answer 2

图片路径不对

background-image: url(./images/seu_roque.jpg);

试试这个应该有用。

CSS 背景不适用于第 n 个子选择器

CSS background isn't working with nth-child selectors

html

css

background

background-image

css-selectors