为什么在这种情况下，css专用性不起作用，或者我在做什么错呢？

编程问答 2022-06-04

问题描述

嗨，我有19张照片要隐藏，但数字14应该显示。这将由javascript更改，因此我需要在html中包含所有这些图片。我的代码（是的，我知道这些图片不会在这里出现，但是当它们显示出来时，会有图标替换它们）：

.anim_pics {
    visibility: hidden;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 10px;
    resize: both;
    left: 10px;
    height: 10%;
    width: auto;
}

.anim_pics#14 {
    visibility: visible;
}
<img class="anim_pics" id="1" src="Bilder_Anim/1.jpg">
<img class="anim_pics" id="2" src="Bilder_Anim/2.jpg">
<img class="anim_pics" id="3" src="Bilder_Anim/3.jpg">
<img class="anim_pics" id="4" src="Bilder_Anim/4.jpg">
<img class="anim_pics" id="5" src="Bilder_Anim/5.jpg">
<img class="anim_pics" id="6" src="Bilder_Anim/6.jpg">
<img class="anim_pics" id="7" src="Bilder_Anim/7.jpg">
<img class="anim_pics" id="8" src="Bilder_Anim/8.jpg">
<img class="anim_pics" id="9" src="Bilder_Anim/9.jpg">
<img class="anim_pics" id="10" src="Bilder_Anim/10.jpg">
<img class="anim_pics" id="11" src="Bilder_Anim/11.jpg">
<img class="anim_pics" id="12" src="Bilder_Anim/12.jpg">
<img class="anim_pics" id="13" src="Bilder_Anim/13.jpg">
<img class="anim_pics" id="14" src="Bilder_Anim/14.jpg">
<img class="anim_pics" id="15" src="Bilder_Anim/15.jpg">
<img class="anim_pics" id="16" src="Bilder_Anim/16.jpg">
<img class="anim_pics" id="17" src="Bilder_Anim/17.jpg">
<img class="anim_pics" id="18" src="Bilder_Anim/18.jpg">
<img class="anim_pics" id="19" src="Bilder_Anim/19.jpg">

.anim_pics＃14是否比.anim_pics具有更多的特异性？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-specificityhtml