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; }
}

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

有什么想法吗？感谢。

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背景不适用于nth-child选择器

2 个答案: