适当的CSS语法

Question

在我的样式表中编写和引用元素时，

ul#display-inline-block-example li 

和

#display-inline-block-example ul li 

同样的事情？如果不是其中一个出了什么问题？

Answer 1

不，他们不是。

第一个是将样式应用于li，ul嵌套在display-inline-block-example内，标识为li

第二种是将样式应用于ul，它嵌套在display-inline-block-example内，{{1}}嵌套在任何元素类型{{1}}

中

Answer 2

没有。第一个：

ul#display-inline-block-example li 

将使用id display-inline-block-example定位无序列表中的列表项。

第二个：

#display-inline-block-example ul li 

将定位无序列表中的列表项，其容器（可以是任何内容）具有id display-inline-block-example。

Answer 3

您的第二个选择器表示li是某些ul的后继者，其#display-inline-block-example元素作为祖先。这是另一回事。

Answer 4

1.ul＃display-inline-block-example li

2.＃display-inline-block-example ul li

第一个将使用id =“＃display-inline-block-example”（如

）将li定位到内部

ul id =“display-inline-block-example”  li / li - 1.第一个选择器将以此元素为目标 / UL

第二个将使用id选择器“＃display-inline-block-example”来定位元素内的所有ul li

e.g：

div id =“display-inline-block-example”        ul li / li / ul -        ul li / li / ul - 如果使用“＃display-inline-block-example ul li”选择器编写样式，这些将受到影响    /格