Html 子组合器不处理无序列表

我有一个简单的无序列表，其中我试图设置所有父项

项目的样式，使其为大写

ul>li{
文本转换：大写；
}

大写字母
大写字母

小写的
小写的
小写的
小写的


大写字母
大写字母

对每个

li

进行样式化，每个

li都是
ul
的孩子，这就是他们的全部。此外，
text transform
的默认值是
inherit
，因此子体无论如何都会从父体拾取大写的
值

您需要编写一个与最外层的子级唯一匹配的选择器，并将默认值更改为其他值

例如：


li{
文本转换：无；
}
：非（li）>ul>li{
文本转换：大写；
}

大写字母
大写字母

小写的
小写的
小写的
小写的


大写字母
大写字母
要获得预期结果，请使用以下选项

ul>li将选择ul的所有li元素，其中包括小写li元素

li>ul>li将选择li元素下的所有ul元素，并应用initial以保留初始样式

ul > li {
  text-transform: uppercase;
}

li > ul > li{
  text-transform: initial;
}

代码示例-

运行代码段进行测试


ul>li{
文本转换：大写；
}
li>ul>li{
文本转换：初始；
}


大写字母
大写字母

小写的
小写的
小写的
小写的


大写字母
大写字母
你所说的“似乎不起作用”是什么意思？它将“小写”文本转换为大写，因为那些
li
s是
ul
元素的直接子元素，就像您的选择器所说的那样……在您提供的文章中，它们使用
ol
元素作为子列表，不受CSS规则的影响（目标
ul
）。