可以使用带有 CSS ::after 和 ::before 标签的媒体查询吗？

Question

我使用 after 标记在定价表中显示自定义内容。它确实适用于桌面屏幕，但不显示在移动设备上。如何向其中添加媒体查询？

.wrc_pricing_table span.price_desc::after  
{
  content: "  year " !important;
  font-size:16px !important;
}
    }

Answer 1

@media screen and (max-width: 480px){
  .wrc_pricing_table span.price_desc::after  
{
  content: "  changed text " !important;
  font-size:14px !important;
}
    }
}