CSS >(选择器)不工作

Question

为什么这段代码不起作用？只有 #menu 中第一个 ul 中的 li 元素应该是红色的。

.l-branding .l-region #menu > ul li {background: red;}

Answer 1

Only the li items in the first ul in the #menu should be red.

然后你需要使用:first-of-type或 :first-child使第一个 ul 变为红色的选择器:

.l-branding .l-region #menu > ul:first-of-type li {background: red;}

演示:https://jsfiddle.net/o1muekkj/