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

Question

谁能阐明这两种 CSS 声明之间的区别:

ul#test {
}

#test ul {
}

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

你可以在这里看到我指的是什么:

http://jsbin.com/awixib/2/edit#source

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

Answer 1

ul#test {
}

这个应用于id为test的ul

#test ul {
}

这个适用于ul，它的祖先是一个id为test的元素