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

时间:2012-04-15 13:38:05

标签: css css-selectors

有人可以了解这两种类型的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的标签内?

1 个答案:

答案 0 :(得分:6)

ul#test {
}

此ID适用于ID为ul

test
#test ul {
}

这个适用于ul,其祖先是一个ID为test的元素