Html CSS:如何选择ol标签中包含的所有ul标签
我的HTML看起来像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%; } 较大的 正常的 您正在寻找一个新的解决方案。
<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%; }