为什么CSS选择器:parent不起作用?

Ant*_*ine 0 css css-selectors

我有一个一开始是空的列表,并使用JavaScript动态填充。现在我想要列表,只有当不为空,有边界,但:emptyparent选择不匹配。

html.erb文件中,列表声明为:

<ul id="cepage_list" />
Run Code Online (Sandbox Code Playgroud)

li在上面的表单中根据用户输入填充(添加),效果很好。
现在我在CSS中有这个:

<ul id="cepage_list" />
Run Code Online (Sandbox Code Playgroud)

默认样式正确应用,但是带有伪类选择器的样式却很奇怪。这是行为:

  • 在页面加载时,红色边框适用,没关系
  • 在添加时li,什么也没有(希望:parent选择器适用)
  • 关于清除列表(.empty()使用jQuery),确定。

但是,如果列表中:parent有child,为什么不能识别伪类li呢?

(已在Chrome和Firefox 14上测试)

Ry-*_*Ry- 5

<ul>不是自动关闭标签。更改为:

<ul id="cepage_list"></ul>
Run Code Online (Sandbox Code Playgroud)

同样,:parent它也不是真正的伪类。你是说:not(:empty)