求助：在WordPress中实现指定类卡片悬停高亮边框效果

一、手动添加CSS（无需插件） #

WordPress自带自定义CSS功能，操作步骤如下：

1. 登录WordPress后台，进入「外观」→「自定义」
2. 在自定义面板中找到「附加CSS」选项
3. 粘贴以下代码，替换#ff6b6b为你想要的高亮颜色（可用十六进制颜色码或RGB值）：

.pxp-jobs-card-2.pxp-has-border:hover {
    border-color: #ff6b6b !important; /* 强制覆盖原有样式，避免冲突 */
    border-width: 2px; /* 可选：调整边框粗细增强视觉效果 */
    transition: border-color 0.3s ease; /* 可选：添加过渡动画让效果更平滑 */
}

4. 点击「发布」保存设置，刷新前端页面即可看到效果

如果上述代码不生效，可尝试提升选择器权重：

body .pxp-jobs-card-2.pxp-has-border:hover {
    border-color: #ff6b6b !important;
}

二、推荐使用的插件 #

如果你更倾向于用插件管理自定义CSS，以下几款轻量插件适合新手：

• Simple Custom CSS and JS：支持添加自定义CSS、JS和HTML，界面简洁，无需复杂操作
• WP Add Custom CSS：专门用于添加自定义CSS，还支持为单个页面/文章单独设置样式
• Custom CSS Pro：功能更全面，支持实时预览、代码高亮，适合需要频繁调整样式的场景

这些插件均可在WordPress插件库直接搜索安装，激活后在插件设置面板添加上述CSS代码即可。

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