Html CSS将儿童排除在样式之外

Html CSS将儿童排除在样式之外,html,css,html-lists,Html,Css,Html Lists,欧利{ 颜色:蓝色; } 奥利{ 颜色:黑色; } ol ol{ 列表样式:上alpha; 专题1 分专题1 分专题2 分专题3 专题2 专题3 分专题1 分专题2 分专题3 如果它始终位于某个容器内,例如.container,则可以执行以下操作: .container > ol > li { font-size:larger; } 这里它只适用于direct child ol,而这只适用于direct child ol。您的问题有点不清楚:ol的第一级始终是标题-您真的是指类似于

欧利{ 颜色:蓝色; } 奥利{ 颜色:黑色; } ol ol{ 列表样式:上alpha; 专题1 分专题1 分专题2 分专题3 专题2 专题3 分专题1 分专题2 分专题3
如果它始终位于某个容器内,例如.container,则可以执行以下操作:

.container > ol > li {
font-size:larger;
}

这里它只适用于direct child ol,而这只适用于direct child ol。

您的问题有点不清楚:ol的第一级始终是标题-您真的是指类似于等的标题,还是您想对每个标记内的第一级应用特殊样式

在后一种情况下,可以使用:first-child选择器,如

ol > li:first-child {
  font-size:larger;
}
如果要对任何第一个子项(如果每个标记都有)应用特殊样式,可以使用general*选择器,并结合使用:first child

尽管我怀疑,除了作为ol的直系子女的li之外,其他任何东西都是有效的HTML

编辑问题后添加:

由于您的ol将位于其他元素中,因此您可以使用以下选择器仅直接访问ol的第一级子元素

.parent>ol>li{ 字体大小:粗体; } 话题 分专题1 分专题2 专题2
这将取决于网站的结构。你还有什么?为什么你不能添加一些类?我对这个问题进行了编辑。谢谢你的帮助。解决方案使订单列表的第一个子项和嵌套订单列表的第一个子项都变大了。我正在试着得到ol的每一个li,而不是ol的任何一个li嵌套在另一个ol中。
ol > *:first-child {
  font-size:larger;
}