求适用于WordPress的CSS代码：实现‘Pending’文字红色闪烁效果

操作步骤 #

1. 定位目标元素选择器：右键点击页面上的“Pending”文字，选择「检查」，找到对应HTML元素的类名/ID（比如常见的.order-status.pending或.status-pending）。
2. 添加代码到WordPress：登录后台后进入「外观」→「自定义」→「额外CSS」，粘贴代码并保存即可生效。

CSS代码示例 #

/* 定义红色闪烁动画规则 */
@keyframes blink-red {
    0%, 100% {
        color: #ff0000;
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* 替换为你实际找到的元素选择器 */
.order-status.pending {
    animation: blink-red 1s infinite;
    /* 可选：加粗文字提升辨识度 */
    font-weight: bold;
}

备选方案（无专属类名时使用） #

如果目标元素没有专属类名，可尝试文本内容匹配（注意：部分浏览器需启用实验性CSS支持，优先推荐类选择器方案）：

/* 替换.element为包含Pending的父元素类名 */
.element:contains('Pending') {
    animation: blink-red 1s infinite;
}

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