繁体   English   中英

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

Can I use PHP inside CSS pseudo class

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有这个代码

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

而且效果很好。 但是我现在将网站迁移到WordPress。 我不能使用WordPress函数get_theme_file_uri(); 获得我的图像路径还是有另一种选择。

2 个回复

除非您通过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);
}

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

如果你有这样的结构

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

您可以使用相对网址,例如:

a:after{
    content url:(images/my_image.png)
}
1 前后使用CSS伪类

因此,我尝试在CSS伪类之前和之后进行实验。 我尝试使用这些伪元素创建标头元素,以减少使用div保留左右图像的可能性。 这是HTML代码 所以我有3张图像来创建传统的标头元素,其左侧和右侧的宽度为20px,高度为100px,中间的宽度为1px,高度为100px,它们将重复水平。 这 ...

2 在CSS中使用伪类之后,在锚点上添加底线

尝试在之前,之后的帮助下在导航锚的底部显示行,之后我尝试了很多方法来解决我的问题,但是对此问题没有任何解决方案。 我想在pasudo类之后使用css转换和过渡的帮助添加底线 ...

3 如何在asp.net linkbutton中使用CSS的伪类?

在我的网页上有一个链接按钮,在该链接按钮上,我想添加在另一个CSS页面中创建的CSS伪类。 我在aspx页面中称该css页面。 我想将我的伪类与此linkbutton一起使用。如何使用? 所以我的问题是:我想在linkbutton中添加此伪CSS类。 怎么做? 这个CSS想调用 ...

2010-10-11 08:49:03 2 570   asp.net
5 使用jQuery的CSS伪类

我刚刚学会了一点jQuery,并试图将它用于简单的变色效果。 假设我有两个<div > s,#foo和#bar。 #foo有很多URL,并定义了以下CSS: 现在我想在用户单击#bar时更改#foo中链接的颜色(a:link),但保持a:hover颜色不变,所以我写这样的 ...

6 在PHP中使用CSS类

我必须设置此功能,该功能从Wordpress文章编辑器的自定义字段中获取值。 它可以工作并显示我在编辑器中插入的价格(例如20,00) 但是我无法使用CSS设置样式。 这是我的css文件: 为什么CSS不适用于代码? ...

7 使用:target伪类进行CSS动画

我正在尝试使SVG图标可点击,以触发SVG框的动画。 使用:active伪类时,气泡没有问题,但是一旦添加:target,一切都将无效。 这是我的CSS的样子 这是我在jsfiddle上的一些代码http://jsfiddle.net/phantomboogie/khzrn3b ...

8 使用CSS的Onhover伪类果冻动画

我想添加我尝试使用animate.css关键帧的果冻型动画,但未达到结果。 我希望动画在悬停之前。 有人可以帮我启发https://codepen.io/alcoven/pen/raGKZy这样,我尝试使用CSS在我的代码中添加。 可能吗? 现在,我添加了过渡。 .car ...

10 使用:带有css转换的active伪类?

我正在建立一个链接,当点击链接时,它会向下移动几个像素。 我希望这是一个动画,所以我添加了css过渡。 现在我遇到的问题是当我按下按钮时,它没有完成动画。 只要我按住鼠标按钮,它就会动画。 所以我想要的是链接完成其动画,然后回到正常位置。 (这意味着我无法使用:访问因为它不会恢复正 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM