如何在CSS样式表中多次声明li span选择器？

当前你的代码里li span是全局选择器，会作用于所有<li>内的<span>元素，导致无法在其他区域单独设置不同的字体大小。要解决这个问题，只需给不同场景的列表（或父容器）添加自定义类，通过类选择器指定特定样式即可：

1. 调整原有样式，避免全局污染 #

把原来针对全局li span的样式，改为只作用在最初的目标列表上，比如给该列表的<ul>加个类bullet-enhanced：

/* 原有列表的样式 */
ul.bullet-enhanced {
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    font-size: 20px; /* 控制项目符号大小 */
    line-height: 28px;
    list-style: disc;
}
    
ul.bullet-enhanced li {
  font-size: 20px;
}

ul.bullet-enhanced li span {
  font-size: 12px; /* 原有文本大小 */
}

对应HTML结构：

<ul class="bullet-enhanced">
  <li><span>原有列表的文本内容</span></li>
</ul>

2. 添加新场景的样式 #

需要设置li span为40px的区域，给对应的<ul>加另一个类，比如text-large-span：

/* 新场景的样式 */
ul.text-large-span li span {
  font-size: 40px; /* 新的文本大小 */
}

对应HTML结构：

<ul class="text-large-span">
  <li><span>需要大字体的文本内容</span></li>
</ul>

补充说明 #

• 如果希望新场景的项目符号大小也调整，只需给ul.text-large-span添加font-size属性即可，比如：

ul.text-large-span {
    font-size: 45px; /* 调整新项目符号的大小 */
    line-height: 50px;
    list-style: disc;
}

• 这种类选择器的方式可以灵活扩展，不同区域用不同类名，完全避免样式冲突。

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