Can someone please tell me what i'm doing wrong here, the css works when i replace the .1{}
with img{}
. Shouldn't I also be able to use img.1{}
or .1 img{}
Here's the UPDATED HTML
<!DOCTYPE html>
<html>
<head>
<title>Test Webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="clouds">
<img id="cheese" src="cloud.png">
</div>
</body>
</html>
And the UPDATED CSS
body{
margin:0;
padding:0;
background:#0088ff;
font-family:helvetica;
}
#clouds{
overflow:hidden;
width:100vw;
height:100vh;
}
#cheese img{
display:none;
}