Html 在CSS中设置图像样式不会';行不通

Html 在CSS中设置图像样式不会';行不通,html,css,image,tags,css-selectors,Html,Css,Image,Tags,Css Selectors,有人能告诉我我做错了什么吗?当我用img{}替换.1{}时,css会工作。我是否也应该能够使用img.1{}或.1 img{} 以下是更新后的HTML <!DOCTYPE html> <html> <head> <title>Test Webpage</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="

有人能告诉我我做错了什么吗?当我用
img{}
替换
.1{}
时,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>  

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

毕竟

编辑:

我看到你在基本的事情上有一些问题


如果您的图像有一个像
这样的ID,那么您可以在CSS中使用
img#foo{}
(tag+hash+identifier),或者只使用ID而不提供标记类型:
#foo{}

如果您有多个图像,那么您可以这样使用:您可以这样使用:

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

#云彩{
溢出:隐藏;
宽度:100vw;
高度:100vh;
}
.1{
显示:无;
}
.2{
显示:块;
}
在CSS中,类名开头的数字并不非法 语法

名称可以包含字符a-z、a-z、数字0-9、句点、连字符、, 转义字符、Unicode字符161-255以及任何Unicode字符 字符作为数字代码,但不能以破折号或 一个数字。”

您只是指定了错误的名称。

根据你的问题,试着这样做

img#cheese {
    display:none;
}

#clouds>img{
    display:none;
}

现在所有的工作都是img{}hi现在首先检查这个url,那么为什么它现在不能与文本id一起工作呢。这是有效的代码,不是吗?您使用错误的选择器在CSS中引用图像!阅读基础知识。将其更改为img#cheese{尝试此css img#cheese{display:none;}类必须以字母开头。这是一件事。如果将.1重命名为.class-1,它会起作用。但使用此解决方案,他将不知道问题是什么(类命名)。是的,但我希望多个图像具有单独的参数,而不为每个图像创建div。我是否应该为图像提供id和id?为其提供id或类,或使用数据属性引用-满足您的需要。这并不重要。重要的是为类和id使用有效的名称。:)
#clouds>img{
    display:none;
}