Html 仅在第一个列出的li上有项目符号,不嵌套

Html 仅在第一个列出的li上有项目符号,不嵌套,html,css,Html,Css,我有一张名单,上面有黄色的子弹。但是如果有嵌套的ul,也希望将其删除。有没有一种方法可以只使用CSS ul.list-bollets-yellow{ 位置:相对位置; 列表样式:无; 左边距:1.25雷姆; 左侧填充:1.75rem; } 列表-子弹-黄色李:之前{ 内容:\25CF; 位置:绝对位置; 左:0; 颜色:F2A900; } 生命周期自动化–员工、承包商、业务合作伙伴、RPA/BOT 身份管理控制: //这个ulli是我只想要默认html项目符号的那些。不是黄色的 基于角色的访问

我有一张名单,上面有黄色的子弹。但是如果有嵌套的ul,也希望将其删除。有没有一种方法可以只使用CSS

ul.list-bollets-yellow{ 位置:相对位置; 列表样式:无; 左边距:1.25雷姆; 左侧填充:1.75rem; } 列表-子弹-黄色李:之前{ 内容:\25CF; 位置:绝对位置; 左:0; 颜色:F2A900; } 生命周期自动化–员工、承包商、业务合作伙伴、RPA/BOT 身份管理控制: //这个ulli是我只想要默认html项目符号的那些。不是黄色的 基于角色的访问控制RBAC模型 政策模型-适用性和职责分离 帐户和密码管理 尝试:

ul li {
  list-style: none;
}

因为这里没有类的第二个ul获得了每个li的默认样式。您也可以设置li{list style:none;},但是如果您在某处对列表进行排序,它可能会破坏某些内容。当然,边距和填充也有同样的问题。

这可以通过将ul.list-bollets-yellow li:before切换到ul.list-bollets-yellow>li:before来实现

这是一个CSS子选择器,您可以在上阅读更多关于它们的内容。基本上,added>只表示li:before是ul.list-shollets-yellow的直接子项

ul.list-bollets-yellow{ 位置:相对位置; 列表样式:无; 左边距:1.25雷姆; 左侧填充:1.75rem; } ul.list-bollets-yellow>li:之前{ 内容:\25CF; 位置:绝对位置; 左:0; 颜色:F2A900; } 生命周期自动化–员工、承包商、业务合作伙伴、RPA/BOT 身份管理控制: //这个ulli是我只想要默认html项目符号的那些。不是黄色的 基于角色的访问控制RBAC模型 政策模型-适用性和职责分离 帐户和密码管理
您的CSS针对ul.list-bullets-yellow标记下面的所有li标记。您需要使用子组合器选择器>

有关更多信息,请参阅

ul.list-bollets-yellow{ 位置:相对位置; 列表样式:无; 左边距:1.25雷姆; 左侧填充:1.75rem; } ul.list-bollets-yellow>li:之前{ 内容:\25CF; 位置:绝对位置; 左:0; 颜色:F2A900; } 生命周期自动化–员工、承包商、业务合作伙伴、RPA/BOT 身份管理控制: //这个ulli是我只想要默认html项目符号的那些。不是黄色的 基于角色的访问控制RBAC模型 政策模型-适用性和职责分离 帐户和密码管理
首先,您的标记已损坏,必须仅包含一个

嵌套元素必须放在元素内

话虽如此,我们只要拥有它,就可以把子弹藏在有巢穴的地面上

[黄色]{ 位置:相对位置; 列表样式:无; } [黄色]>李{ 位置:相对位置; 左:1rem; } [黄色]>李:之前{ 内容:\25CF; 颜色:F2A900; 位置:绝对位置; 左:0; } [嵌套]{ /*所以我们可以应用z指数*/ 位置:相对位置; /*z索引值高于项目符号*/ z指数:1; /*我们可以在这里使用边距,但既然我们有相对位置,为什么不使用左边距呢*/ 左:-1em; /*推动嵌套的ul,使其看起来嵌套*/ 左:3rem; /*无透明背景以隐藏项目符号*/ 背景:白色; } 生命周期自动化–员工、承包商、业务合作伙伴、RPA/BOT 身份管理控制: 基于角色的访问控制RBAC模型 政策模型-适用性和职责分离 帐户和密码管理 标记是错误的,必须只包含,因此必须将其嵌套在