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