如何用CSS选择器给Widget全组件应用字体？新增评论字体失效

问题分析 #

当前CSS选择器仅针对固定评论容器和特定按钮，动态新增的评论元素未被覆盖，因此会恢复默认字体；同时存在重复冗余代码，未覆盖容器内所有子元素。

解决方案 #

使用更宽泛的选择器覆盖整个评论容器及其所有子元素，确保动态生成的新评论也能继承指定字体：

/* 全局覆盖评论Widget容器及所有子元素的字体 */
.elementor-element-3d8990cd .elementor-widget-post-comments,
.elementor-element-3d8990cd .elementor-widget-post-comments * {
    font-family: 'IRANSansWeb_FaNum' !important;
}

/* 保留排序按钮的字体设置（可选，若全局覆盖已生效可移除） */
.wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button-active {
    font-family: 'IRANSansWeb_FaNum' !important;
}

关键说明 #

• 用*选择器匹配容器下所有子元素，包括后续动态加载的新评论内容
• !important用于覆盖主题或插件自带的高优先级字体样式（测试后若无需强制覆盖，可去掉!important）
• 移除重复冗余代码，精简CSS结构

额外检查 #

确保字体文件IRANSansWeb_FaNum已正确上传并通过CSS引入到网站，路径无错误。

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