Tag: 伪元素

在CSS之前或之后更改SVG填充颜色

我有一个像这样的SVG图形： a::before { content: url(filename.svg); } 当我将鼠标hover在标签上时，我真的希望SVG更改填充颜色，而不加载新的SVG文件，就像我现在一样： a:hover::before { content: url(filename_white.svg); } 这可能是使用JavaScript，jQuery或只是我不知道的纯CSS吗？ 谢谢。

使用javascript点击一个伪元素？

我想知道如何启用单击a :before伪元素（JSfiddle的链接到下面的div的橙色部分）。 我已经读过，因为伪元素不在DOM中，所以你需要一个hack。 不幸的是，我找不到实际显示工作代码的现有Stackoverflow问答。 链接： http ： //jsfiddle.net/Vv6Eb/4/ HTML： CSS： div { position:relative; background-color:#333; padding:20px; margin:20px; float:left; } div:before { content:””; display:block; padding:5px; background-color:#f60; border:2px solid white; position: absolute; top:-2px; right:-2px; border-bottom-left-radius: 10px; }

目标：使用jQuery之前和之后的伪元素

可能重复： 使用JQuery操作CSS伪元素 在页面加载中，我想要出现类的：before和：after元素。 我设置了.lifted：之前和.lifted：之后是不透明度：在css中为0。 在准备好的文件中，我有： $(“.lifted:before”).css(“opacity”, “1”); $(“.lifted:after”).css(“opacity”, “1”); 这不起作用。 并且.after jQuery操纵器仅用于插入内容，据我所知。 有什么办法可以使用jQuery操纵这些伪元素的CSS吗？

jQuery和伪元素

我动态地改变了在CSS中定义的en元素的位置:after 。 我试着这样改变它： $(function(){ $(‘div::after’).css({‘top’:’20px’}) }) 但它不起作用。 有没有办法改变立场？