Question

有人可以告诉我这里我做错了什么，当我用.1{}替换img{}时，css有效。我也不能使用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>

UPDATED CSS

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

Answer 1

将班级名称从 1 更改为以字母开头的内容，然后重试。

毕竟read this。

编辑：

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

如果您的图片具有<img id="foo" src="" />之类的ID，那么您使用img#foo { }（标记+哈希+标识符）在CSS中引用，或仅使用ID而不提供标记类型：#foo { }。

Answer 2

类名开头的数字在CSS中不是非法的   语法。

＆＃34;名称可以包含字符a-z，A-Z，数字0-9，句点，连字符，   转义字符，Unicode字符161-255，以及任何Unicode   但是，字符作为数字代码，不能以短划线或   一个数字。＆＃34;

您只是以错误的方式指定名称。

请参阅http://www.w3.org/TR/CSS21/grammar.html

根据更新的问题尝试这种方式

img#cheese {
    display:none;
}

或

#clouds>img{
    display:none;
}

Answer 3

如果您有多张图片，那么您可以像这样使用：您可以这样使用：

<style>
#clouds{
overflow:hidden;
width:100vw;
height:100vh;
}
.1{
display:none;
}
.2{
display:block;
}
</style>

<div id="clouds">
<img class="1" src="cloud.png">
<img class="2" src="cloud.png">
</div>

CSS中的样式图像不起作用

3 个答案: