引用嵌套类在css中没有样式



我试图在我的html中引用一个嵌套类,这是在<body>下。问题是,如果我在css中引用body本身,背景就会出现。但是,如果我试图在body下引用我的类,它不会出现。我试过在类名之前用.引用它,但仍然不起作用。下列代码:

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css" />
<title>vxsqi-lib</title>
</head>
<body>
<div class="backgroundimage"></div>
</body>
</html>

CSS

.backgroundimage {
background-image: url("backgroundimage/dark-night-mountains-4k-e3.jpg");
background-size:cover;
background-color: white;
}

你可以试试这个,

div.backgroundimage {
background-image: url("backgroundimage/dark-night-mountains-4k-e3.jpg");
background-size:cover;
background-color: white;}

编辑第二个选项,因为错误:(

这一定是工作。

最新更新