CSS问题：如何修改含productOldPrice的current-price-container内非旧价文本颜色

你可以通过CSS :has() 选择器实现需求，不需要修改DOM结构，仅添加全局CSS规则即可：

/* 仅匹配内部包含productOldPrice子元素的现价容器 */
.current-price-container:has(> .productOldPrice) {
  color: #ff0000 !important;
}

/* 还原原价标签的原有样式，避免被父容器样式覆盖 */
.current-price-container:has(> .productOldPrice) .productOldPrice {
  color: inherit !important;
}

规则说明 #

• :has() 是CSS原生的父元素匹配选择器，上述规则只会选中内部存在.productOldPrice子元素的.current-price-container容器，完全不会影响其他不满足条件的同类型容器样式
• 父容器设置的红色只会作用于没有单独标签包裹的目标文本（Nur 4.799,00 EUR），子元素.productOldPrice通过样式重置恢复为原有颜色
• 加!important是为了提高规则优先级，覆盖平台默认的样式规则。如果你清楚原价标签的原有色值，也可以把第二块规则里的inherit替换为具体色值（比如color: #333 !important），兼容性更好

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