锚点标签内的img元素border-radius不生效问题求助

要让锚点标签和内部的img标签都拥有4px的border-radius，只需直接给img添加border-radius属性即可，原代码中使用的img::after是无效的，因为img属于替换元素，浏览器不会为其生成伪元素。

修正后的SCSS代码：

.-video-detail-qualifiers-branding {
  border: 2px solid #D7C378;
  border-radius: 4px;

  img {
    height: 85px;
    width: 85px;
    padding: 5px;
    border-radius: 4px; // 新增这行，直接给img设置圆角
  }
}

原因说明 #

• <img>是替换元素，这类元素的渲染由外部资源控制，浏览器不会为它们生成::before或::after伪元素，所以原代码里的img::after样式完全不会生效。
• 直接给img添加border-radius:4px，就能让img的圆角和外层a标签的圆角保持一致，避免img的直角边缘从a的圆角边框中透出。

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