我可以在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文檔eval()按大多數標准不應該這樣做），否則沒有一種在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)
}