css - CSS“＃id1＃id2”选择器，为什么它与仅“＃id2”不同？

参见this jsfiddle中的示例，

  #rightDiv a#id1match { left:60px;top:10px }

#id1match或a#id1match的更改会破坏布局。



我的“无效逻辑”在这里是：#id选择器指向文档中的唯一ID，因此，“其他事物内部的ID”必须与“ id”相同...在这种情况下，HTML始终具有两个ID ，请不要更改...当两者​​同时存在时，内部选择器不应对ID产生任何影响。

最佳答案

您应该阅读CSS Specificity。

#id1match与您的元素正确匹配。但是，该元素还具有.region类，该类具有更具体的#rightDiv .region选择器

因此，基本上，您的样式被覆盖，因为删除#rightDiv时，规则变得不那么重要了。查看任何开发人员工具中的元素，您可以看到正在发生的事情。

关于css - CSS“＃id1＃id2”选择器，为什么它与仅“＃id2”不同？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28753848/