Html CSS:如何选择ol标签中包含的所有ul标签

Html CSS:如何选择ol标签中包含的所有ul标签,html,css,Html,Css,我的HTML看起来像 <ol class='enlarge'> <li>Larger <ul> <li>Normal </li> </ul> </li> </ol> 及 及 所有人都在为我的电脑设置更大的字体大小 谢谢 -汤姆你在找一个好朋友。选择ol元素中的任何ul元素 ol{ 字体大小:130%; } ol ul{ 字体大小:70%; } 较大的 正常的 您正在寻找一个新的解决方案。

我的HTML看起来像

<ol class='enlarge'>
<li>Larger
<ul>
<li>Normal
</li>
</ul>
</li>
</ol>

所有人都在为我的电脑设置更大的字体大小

谢谢

-汤姆

你在找一个好朋友。选择
ol
元素中的任何
ul
元素

ol{
字体大小:130%;
}
ol ul{
字体大小:70%;
}

  • 较大的
    • 正常的
  • 您正在寻找一个新的解决方案。选择
    ol
    元素中的任何
    ul
    元素

    ol{
    字体大小:130%;
    }
    ol ul{
    字体大小:70%;
    }
    
    
  • 较大的
    • 正常的

  • ol ul
    应足以针对减少字体大小所需的元素

    ol{
    字体大小:130%;
    }
    ol ul{
    字体大小:70%;
    }
    
    
  • 较大的
    • 正常的

  • ol ul
    应足以针对减少字体大小所需的元素

    ol{
    字体大小:130%;
    }
    ol ul{
    字体大小:70%;
    }
    
    
  • 较大的
    • 正常的

  • 另一个想法是使用
    ol>li>ul{…}
    而不是
    ol>ul{…}
    。无论如何,这取决于您计划使用的标记。请记住,
    表示直接子代,这就是为什么
    ol>ul
    不起作用的原因

    ol{
    字体大小:130%;
    }
    ol>li>ul{
    字体大小:70%;
    }
    
    
  • 较大的
    • 正常的

  • 另一个想法是使用
    ol>li>ul{…}
    而不是
    ol>ul{…}
    。无论如何,这取决于您计划使用的标记。请记住,
    表示直接子代,这就是为什么
    ol>ul
    不起作用的原因

    ol{
    字体大小:130%;
    }
    ol>li>ul{
    字体大小:70%;
    }
    
    
  • 较大的
    • 正常的

  • 我不确定我是否完全理解你的意思,但是这个呢

    OL LI { font-size: 130%; }
    UL LI { font-size: 70%; }
    

    我不知道我是否完全理解你,但是这个呢

    OL LI { font-size: 130%; }
    UL LI { font-size: 70%; }
    

    是的,没有比这更彻底和简洁的了。非常感谢。这是一个很好的答案,解决了我问题中的问题。在测试该解决方案时,我确实包含了类定义。至于案例2和案例3,我也意识到我的uls不是直接从ols下降的,这是一个问题。我只是不知道如何从那里摆脱这一切。再次感谢你,并为这个可怜的问题感到抱歉!是的,没有比这更彻底和简洁的了。非常感谢。这是一个很好的答案,解决了我问题中的问题。在测试该解决方案时,我确实包含了类定义。至于案例2和案例3,我也意识到我的uls不是直接从ols下降的,这是一个问题。我只是不知道如何从那里摆脱这一切。再次感谢你,并为这个可怜的问题感到抱歉!非常感谢。我对
      标签下已经缩小的
        标签有另一个问题,但是我通过指定字体大小而不是百分比来解决这个问题。再次感谢!美好的很乐意提供帮助-我建议你也看看Ricky的答案,以获得更彻底的分类,并且不要对选择他的答案感到矛盾。如果你觉得有必要,在通读之后,他超越了职责范围。谢谢!我对
          标签下已经缩小的
            标签有另一个问题,但是我通过指定字体大小而不是百分比来解决这个问题。再次感谢!美好的很乐意提供帮助——我建议你也看看Ricky的答案,以获得更彻底的分类,并且不要对选择他的答案感到矛盾。如果你觉得有必要,在通读之后,他超越了职责范围。
              ol {
                font-size: 130%;
              }
              ol > ul {
                font-size: 70%;
              }
            
            OL LI { font-size: 130%; }
            UL LI { font-size: 70%; }