子元素的CSS选择器

子元素的CSS选择器,css,Css,正在尝试为此查找CSS选择器,但无法成功 我需要有类rtIn的Span,其父UL必须是li的子级 我尝试过这个,但它适用于每个节点 .rtLI > ul > li > div > Span.rtIn { font-size: 10px; } 有什么更正吗 以下是fireFox和Chrome中的输出 .rtLI>ul>li>div>Span.rtIn{ 字体大小:10px; } //我需要这个跨度 这里是实际的选择器 .rtLI > ul > li

正在尝试为此查找CSS选择器,但无法成功

我需要有类rtIn的Span,其父UL必须是li的子级

我尝试过这个,但它适用于每个节点

.rtLI > ul > li > div > Span.rtIn {
    font-size: 10px;
}
有什么更正吗

以下是fireFox和Chrome中的输出

.rtLI>ul>li>div>Span.rtIn{ 字体大小:10px; } //我需要这个跨度
这里是实际的选择器

.rtLI > ul > li > ul > li.rtLI > div > Span.rtIn {
    font-size: 10px;
    color: red;
}
JSFiddle:


这个答案可以是即兴的,如果Span在N深度上,那么这不是一个好的答案

我知道这个问题已经得到了回答,但我只是想把它扔出去

您可能只需要使用第n个子伪选择器,而不是在每个容器上使用类

Chris Coyiers网站www.css-tricks.com提供了关于其工作原理的非常有用的信息:


Html代码段是自动生成的,这一定是输入错误。我试过了,它不起作用。我附上了一个谷歌Chrome Inspector屏幕快照。你的代码对我来说很好-@MaryMelody这里实际生成代码
.rtLI > ul > li > ul > li.rtLI > div > Span.rtIn {
    font-size: 10px;
    color: red;
}