css - 在 CSS 中使用 ul#test 和 #test ul 有什么区别

Question

有人可以阐明这两种类型的 CSS 声明之间的区别：

ul#test {
}

#test ul {
}

我已经看过并且似乎找不到差异，但是当我在测试页面上使用它们时它们的行为不同。据我所知，他们做同样的事情，即仅将#test ID 与分配给它的 UL 标记相关联。但是，在实际使用中，当我在样式表中使用 ul#test 时，格式可以正常工作。另一方面，如果我使用 #test ul 它不会。

你可以看到我在这里指的是：

ul#test 方法是否意味着 ID 是专门分配给一个 UL 标记的，而 #test ul 是否意味着 UL 在另一个分配了 ID 的标记内？

score 6 · Accepted Answer

ul#test {
}

这个适用于ulid 为test

#test ul {
}

这适用ul于其祖先是具有 id 的元素test

1 回答 1