相关疑难解决方法(0)

有没有办法使用jQuery 选择/操作CSS伪元素,如::before和::after(以及带有一个分号的旧版本)？

例如,我的样式表具有以下规则:

.span::after{ content:'foo' }

如何使用jQuery将'foo'更改为'bar'？

我的html元素有以下事件处理程序

jQuery("#seek-bar").click(function(e){
    var x = e.pageX - e.target.offsetLeft;
    alert(x);    
});

我需要在点击时找到#seek-bar上鼠标的位置.我原以为上面的代码应该可以工作,但是结果不正确

我想将div分成2个三角形（如下所示，如果1是父级的背景，则没问题），上一个颜色一个，下一个颜色另一个。我不介意它是如何实现的，但我想在CSS（而不是JavaScript）中实现。我尝试了CSS旋转，（下面的代码），但是它没有响应。在较小或更宽的屏幕上，它会失真。有什么办法可以在CSS中实现呢？

body {
  background: #eee;
}

.darker {
  position: fixed;
  top: -94%;
  left: -10%;
  width: 150%;
  height: 150%;
  background: #dd4f39;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

<div class="darker">&nbsp;</div>

我正在尝试为我的网站创建一个容器,并在底部略微倾斜,如下所示:

有谁知道如何做到这一点？我尝试过,transform: skewy(-10deg);但它也是顶级的,我试图不去做.

HTML

<div class="slanted">HI</div>

CSS

.slanted {
    background-color:red;
    height:500px;
}

我想像这样给按钮上色。有什么办法可以通过使用 css 来做到这一点吗？

按钮应该是这样的

我需要用html&css创建这个形状,(忽略灰色边框)

这是我的html:

<span class="bar-wrapper">
    <span class="bar first">&nbsp;</span><span class="bar last">&nbsp;</span>
</span>

我怎么能这样做,并让两个杆以这样的角度相遇？