如何仅移除具有特定父级class的子元素的指定CSS class

针对你提出的仅移除父级class为parentB的容器下子元素的my special classes类的需求，结合WordPress使用场景，提供两种可直接落地的方案：

方案1：服务端PHP处理（WordPress专属，优先推荐） #

利用WordPress核心的render_block钩子，在区块渲染输出前就判断核心区块是否位于你自定义的InnerBlocks容器（即对应parentB的tabs/accordion等区块）内，如果是则移除预设的额外类，不会出现前端样式闪烁问题：

add_filter('render_block', function ($block_content, $block) {
    // 按需替换成你添加了额外类的核心区块，示例为段落、标题、图片区块
    $target_core_blocks = ['core/paragraph', 'core/heading', 'core/image'];
    if (in_array($block['blockName'], $target_core_blocks)) {
        // 精准匹配并移除parentB容器下的指定类名，不影响其他类和parentA下的元素
        $block_content = preg_replace('/(<div[^>]*class="[^"]*)my special classes([^"]*"[^>]*>)/i', '$1$2', $block_content);
    }
    return $block_content;
}, 100, 2);

方案2：前端JavaScript处理 #

如果暂时不方便调整服务端代码，可以用前端JS实现，页面加载完成后自动移除对应类：

原生JS写法 #

document.addEventListener('DOMContentLoaded', function() {
    // 选中所有parentB下带目标类的子元素
    const targetElements = document.querySelectorAll('.parentB .my.special.classes');
    targetElements.forEach(el => {
        // 批量移除指定类
        el.classList.remove('my', 'special', 'classes');
    });
});

jQuery写法（主题已引入jQuery时可用） #

jQuery(function($) {
    $('.parentB .my.special.classes').removeClass('my special classes');
});

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