css – 在两个div元素中有两个与其他id相同的元素是正常的?

前端之家收集整理的这篇文章主要介绍了css – 在两个div元素中有两个与其他id相同的元素是正常的?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道,这两个元素不能拥有相同的id.但是这是发生的,在我的项目中,我有两个元素在其他div中具有相同的id,像这样
<div id="div1">
     <img id="loading" />
</div>
<div id="div2">
     <img id="loading" />
</div>

和css:

#div1 #loading
{
    some style here...
}
#div2 #loading
{
    another style here...
}

对我来说很好,但也许不是这样呢?

谢谢

UPDATE

是的,我知道,我可以使用类,并强烈推荐这样做,但我想知道这个使用id有潜在的风险吗?
我想,不,因为我写的例子

$(“#div1 #loading”)…它成为一个独特的元素.
不是吗

解决方法

将您的ID更改为上课.重复的id不是一个好主意.

认为两个同学没有同学的同学.想象他们得到考试结果.学校如何能够识别标签

你的方式不是跨浏览器兼容,并且会影响很多编码JavaScript,并发布窗体等

您可以使用类获得相同的效果

看到

<div id="div1">
     <img class="loading" />
</div>
<div id="div2">
     <img class="loading" />
</div>

和css:

#div1 .loading
{
    some style here...
}
#div2 .loading
{
    another style here...
}

猜你在找的CSS相关文章