CSS＆＃34;＃id1＃id2＆＃34;选择器，为什么它与＃34;＃id2＆＃34;？不同？

Question

请参阅this jsfiddle上的示例，

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

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

---

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

Answer 1

您应该阅读CSS Specificity。

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

选择器

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