CSS中的样式图像不起作用

Question

CSS中的样式图像不起作用

use*_*017 0 html css tags image css-selectors

有人可以告诉我,我做错了什么在这里,CSS的工作,当我更换.1{}使用img{}.我不应该也可以使用img.1{}或.1 img{}

这是更新的 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>

Run Code Online (Sandbox Code Playgroud)

和UPDATED CSS

  body{
    margin:0;
    padding:0;
    background:#0088ff;
    font-family:helvetica;
}
#clouds{
    overflow:hidden;
    width:100vw;
    height:100vh;
}
#cheese img{
    display:none;
}

Run Code Online (Sandbox Code Playgroud)

Answer 1

Mat*_*cki 5

将类名从1更改为以字母开头的内容,然后重试.

毕竟看了这个.

编辑:

我发现你在基本的事情上遇到了一些问题.

如果图像像一个ID <img id="foo" src="" />,那么你使用CSS引用img#foo { }(标签+哈希+标识符)或只使用ID而不提供标签的类型:#foo { }.

归档时间：	10 年，3 月前
查看次数：	2675 次
最近记录：	10 年前