Html 使用css一次显示一个跨度

Html 使用css一次显示一个跨度,html,css,Html,Css,我有一个html页面,其中有两个span标记,显示相同的内容,但嵌套在具有不同类名的div中: 1. 2. 您没有关闭span标签 给你: .class1.测试图标{ 显示:无; } /*.class2.测试图标{ 显示:无; }*/ 赫拉 再会 这似乎起到了应有的作用: div.class1 span.test-icon{display:none;} 跨度1 跨度2 div.class1 span.test-icon{display:none;}不能同时隐藏这两个图标,除非div.

我有一个html页面,其中有两个span标记,显示相同的内容,但嵌套在具有不同类名的div中:


1.
2.

您没有关闭span标签

给你:

.class1.测试图标{
显示:无;
}
/*.class2.测试图标{
显示:无;
}*/

赫拉
再会

这似乎起到了应有的作用:


div.class1 span.test-icon{display:none;}

跨度1
跨度2

div.class1 span.test-icon{display:none;}
不能同时隐藏这两个图标,除非
div.class2
div.class1
内。您没有正确关闭span:corrected mate@jvecsei@supercool那么它应该可以像您在我的jsfiddle;)中看到的那样工作@超冷很高兴它现在可以工作了。如果要在一个div内选择一个跨距,可以这样做:。css中的所有3种方法都能工作。你复制了错误的html你复制了错误的html我确实完全忽略了html错误。我复制了代码,它工作了,所以我甚至没有检查html语法。谢谢你的注意!