如何修复CSS代码？我要使用CSS将'Replay course'替换为'Access course'

你的代码失效的核心原因是：为a.course-card__resume设置display: none会同时隐藏该元素的所有伪元素，所以你定义的:after内容根本不会渲染到页面上。除此之外，直接隐藏a标签还会导致这个按钮的跳转、点击事件全部失效，影响功能正常使用。

正确的实现方式可以通过隐藏原有文本、保留元素本身的方式完成替换，示例代码如下：

a.course-card__resume {
  font-size: 0; /* 隐藏原有文字，不影响元素本身的功能和其他样式 */
}

a.course-card__resume:after {
  content: 'Access Course';
  font-size: 16px; /* 调整为和原有文本一致的字号即可 */
  /* 如果需要和原有样式完全匹配，可以在这里补充color、font-weight等属性 */
}

如果你的页面布局中该元素使用了行内布局，还可以给伪元素加上display: inline-block保证样式对齐正常。

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