WordPress PHP遍历数组生成内联CSS仅输出首项问题

• 核心问题出在foreach循环内直接使用return：PHP执行到return语句时会立刻终止当前函数运行、返回对应值，因此第一次循环执行完就直接退出了函数，数组中后续的元素完全没有参与CSS生成，最终只能拿到第一条样式规则
• 你初始化的$Styled数组全程没有写入任何内容，最后调用implode($Styled)得到的是空字符串，根本没有实现CSS拼接的效果
• 多层嵌套定义函数的写法不符合PHP开发规范：如果外层函数被多次触发，PHP会直接抛出「函数已重复声明」的致命错误
• 之前尝试在循环内用echo输出的方式无法放到正确位置，是因为echo是直接向页面输出流打印内容，不会把内容传递给wp_add_inline_style接口，自然没法嵌入到对应的内联样式标签中

add_action('wp_enqueue_scripts','child_custom_color_css', 20);
function child_custom_color_css() {
    // 直接定义循环所需的类名数组，去掉嵌套的函数定义
    $loops = array(
        'soortverhaal0 ',
        'soortverhaal1 '
    );
    global $nectar_options;
    $inline_css = ''; // 初始化用于拼接所有CSS规则的字符串变量
    foreach ($loops as $loop) {
        // 循环内不要return，用.=拼接符把每段CSS追加到总字符串中
        $inline_css .= '
        #test-loop.'. trim($loop) .' {
        background-color: '.esc_attr($nectar_options["accent-color"]).' !important;
        }
        ';
    }
    // 所有CSS拼接完成后，统一传入WordPress的内联样式接口
    wp_add_inline_style( 'main-styles', $inline_css);
}

• 移除了多层嵌套的函数定义，避免函数重复声明的报错
• 把循环内的return替换为字符串拼接符.=，确保每一轮循环生成的CSS规则都会被追加到总样式字符串中，不会中途终止函数执行
• 增加trim()处理类名的多余空格，避免生成的选择器因为前后带空格导致样式匹配失效
• 所有CSS规则拼接完成后再一次性传给wp_add_inline_style，保证样式会准确插入到main-styles对应的内联style标签内，不会出现在页面错误位置

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