相关疑难解决方法(0)

我有用CSS3设计的气球形状.
JS小提琴示例 它有三角形

:after {
    content: "";
}

我需要使用Jquery 修改左 css param 来左右移动三角形.我知道我不能选择DOM中的伪元素,但还有另一种方法可以改变:用js风格后？

是的,我们可以把另一个div放在里面

<div class="pop"><div class="arr"></div></div>

但它很难看

我需要得到:after并将其分配给变量.有可能的？

querySelectorAll 不起作用.

alert(some_div_with_pseudo.querySelectorAll('::after')[0]) // undefined

可能重复:
使用JQuery操作CSS伪元素

在页面加载中,我希望出现类的:before和:after元素.我设置了.lifted:before和.lifted:after之后是不透明度:在css中为0.在准备文件中我有:

$(".lifted:before").css("opacity", "1");
$(".lifted:after").css("opacity", "1");

这不起作用.并且.after jQuery操纵器仅用于插入内容,据我所知.

有什么办法可以使用jQuery操纵这些伪元素的CSS吗？

我在网上搜索,但没有找到任何东西.我正在尝试使用javascript更新文本框的占位符颜色,但我该怎么做？我有一个颜色选择器,颜色正在改变.

如果我在CSS中有这样的东西,我该如何更新它？

::placeholder {
  color: red;
}

<input placeholder="placeholder" />

是否有javascript命令来编辑它？就像是

document.getElementById('text').style.placeholderColor = newColor;

我试图用css创建一个背景,其中一边是纯色,另一边是纹理:两个被对角线分开.我希望这是两个独立的div,因为我打算用jQuery添加一些动作,如果你点击右边,灰色三角形会变小,如果你点击左边,纹理三角形变小(就像一个幕布效果).任何建议将不胜感激.

这就是我的代码:

$('.mainSpan:before').css('background','url(_gfx/cmn/main_bg.png)');

这似乎不起作用所以我问是否有可能使用jQuery将背景图像添加到阴影元素.

对于上下文,这是对早期问题的后续跟进.cssRules我希望将逻辑建立在搜索这些规则效果的jQuery选择器上,而不是深入挖掘.

给定默认属性

.commentarea .author:before {
    background-image: url(http://...);
    background-position: -9999px -9999px;
    /* ... */
}

有选择地修改的

.author[href$="gbacon"]:before /* ... */ {
  content: "";
  background-position: 0 -140px
}

如何选择各自背景位置具有默认值的伪元素？复制选择器,如

GM_log("size = " + $(".commentarea .author:before").size());

什么都不配.试着.siblings()用

$(".commentarea .author")
  .map(function(i) {
         GM_log($(this)
                  .siblings()
                  .map(function (i) { return $(this).css("background-image") })
                  .get()
                  .join(", "))
       });

只产生none价值.

有关完整详细信息,请参阅实时页面.这可能吗？

让我们说:

<div></div>

有:

div {
    width: 500px;
    height: 500px;
    position: relative;
}
div:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

我能做点什么$('div:after').click(function(){...});吗？如果我点击div但不是,请不要开火div:after.

标记:

<h1 class="title">Hello World</h1>

CSS:

.title {
  border-bottom: 3px solid #aaa;
  position: relative;
}
.title:after {
  content: "";
  width: 100px;
  border-bottom: 3px solid red;
  display: block;
  position: absolute;
}

演示:http://codepen.io/anon/pen/HDBqe

我想.title:after根据文本的宽度更改宽度,如何:after使用javascript 更改宽度？

$.fn.textWidth = function(){
  var html_org = $(this).html();
  var html_calc = '<span>' + html_org + '</span>';
  $(this).html(html_calc);
  var width = $(this).find('span:first').width();
  $(this).html(html_org);
  return width;
};

$('.title').each(function(){
  // Change :after's width based on the text's width
  // .css('width', $(this).textWidth());
});

我如何循环遍历所有元素,包括伪元素？我知道我可以使用它getComputedStyle(element,pseudoEl)来获取它的内容,但是我一直无法找到一种方法来获取页面上的所有伪元素,以便我可以使用前面提到的函数来获取它们的内容/样式.似乎是一个简单的问题,但一直无法找到任何解决方案.