如何在父类.signup-choose-card-content中选择两个子类设置字体？

你的CSS选择器写法存在错误，导致样式无法正确应用到目标元素。原选择器将所有类名连续书写，这会被解析为查找.signup-choose-subtitle内部的.signup-choose-list li元素，但根据HTML结构，.signup-choose-subtitle和.signup-choose-list是.signup-choose-card-content的同级子元素，li则在.signup-choose-list内部，因此需要调整选择器结构。

正确的CSS代码写法 #

使用逗号分隔两个独立的选择器，确保每个选择器都准确指向目标元素：

.ja_jp .signup-container .signup-content .signup-choose-card-content .signup-choose-subtitle,
.ja_jp .signup-container .signup-content .signup-choose-card-content .signup-choose-list li
{   
    font-family: "M+1C", Roboto, sans-serif; 
}

简化写法（如果父级路径足够唯一） #

如果.signup-choose-card-content在页面中是唯一的，或者其层级已经足够区分其他元素，可以简化为：

.signup-choose-card-content .signup-choose-subtitle,
.signup-choose-card-content .signup-choose-list li
{   
    font-family: "M+1C", Roboto, sans-serif; 
}

处理样式优先级问题 #

如果原有font-family: "Bahnschrift", Roboto, sans-serif;样式优先级更高导致无法覆盖，可以通过以下方式解决：

• 保留完整的父级路径（如.ja_jp .signup-container...）提升选择器权重
• 必要时使用!important（仅在其他方法无效时使用，避免滥用）：

.ja_jp .signup-container .signup-content .signup-choose-card-content .signup-choose-subtitle,
.ja_jp .signup-container .signup-content .signup-choose-card-content .signup-choose-list li
{   
    font-family: "M+1C", Roboto, sans-serif !important; 
}

内容的提问来源于stack exchange，提问作者Dann Johnrem De Guzman