我可以在CSS伪类中使用PHP吗

Question

我有这个代码

a:after{
content url:(/path to my image/my_image.png)
  ......
}

，效果很好。但是我现在将网站迁移到WordPress。我无法使用WordPress函数get_theme_file_uri();来获取图像路径，或者还有其他选择。

Answer 1

除非您通过PHP eval()函数运行CSS文档（按照大多数标准不应该这样做），否则没有一种在CSS内部实现PHP的好方法。解决问题的最好方法是直接链接到图像。

假设您的目录结构类似于：

[..]
    [wp-admin]
    [wp-content]
        [uploads]
            [images]
               --my-image.jpg--
    [wp-includes]
    --other files--

您可以通过简单地使用文件的相对路径来使用它，例如：

a::after {
    content: url(/wp-content/uploads/images/my-image.jpg);
}

Answer 2

CSS网址是相对于CSS文件的。

如果您具有类似结构

..
images
    my_image.png
index.php
style.css

您可以使用相对网址，例如：

a:after{
    content url:(images/my_image.png)
}