为什么这段 js 和 css 不能生效？想让闪卡高亮包含 c 的时候显示为红色

.card__block span.contains-c::before {
    content: " [.1..] ";
    font-weight: 500;
    color: #E72B2D;
    display: inline-block; /* 确保伪元素显示 */
    margin-right: 4px; /* 调整伪元素与实际内容之间的间距 */
}

document.addEventListener('DOMContentLoaded', () => {
    // 获取所有 data-type="mark" 的 span 元素
    const spans = document.querySelectorAll('span[data-type="mark"]');

    spans.forEach(span => {
        // 获取元素的文本内容（innerText）
        const text = span.innerText;

        // 检查文本内容是否包含字母 'c'
        if (text.includes('c')) {
            // 如果包含字母 'c'，为元素添加 'contains-c' 类
            span.classList.add('contains-c');
        }
    });
});