使用css

Question

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

＆＃13;

＆＃13;

<div class='class1'>
  <span class='test-icon'>1</span>
</div>

<div class='class2'>
  <span class='test-icon'>2</span>
</div>

＆＃13;

＆＃13;

＆＃13;

我是否可以根据嵌套类一次只显示一个<span> ，例如我已尝试使用div.class1 span.test-icon {display: none}但它隐藏了两者。