如何移除嵌套ul列表内第二层ul的per-esempio类

解决方案 #

方案1：CSS样式覆盖（推荐） #

你场景里的第二层嵌套ul本身没有绑定per-esempio类，显示蓝色三角是父级ul的样式通过后代选择器作用到了子节点，直接添加以下CSS规则重置即可：

/* 重置嵌套ul的基础列表样式 */
ul.per-esempio ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 如果蓝色三角是通过li的伪元素生成的，新增以下规则隐藏 */
ul.per-esempio ul li::before {
  content: none;
}

如果原有样式优先级较高导致不生效，可以按需加!important提升规则优先级。

方案2：JS动态移除类 #

如果你的嵌套ul是被框架逻辑自动添加了per-esempio类，可通过JS手动移除：

const nestedUl = document.getElementById('nested-ul');
if (nestedUl) {
  nestedUl.classList.remove('per-esempio');
}

内容的提问来源于stack exchange，提问作者Davidebe