Question

如何使用jQuery操作以下标签中的CSS？

h1:after { ... }
h1:before { ... }

谢谢！或者也许是另一种选择，也许可以通过jQuery在浏览器的每个大小调整上进行设置，以确保在浏览器调整大小事件时正确显示。

使用以下CSS，并且因为像素值对于CSS三角形的显示更准确，所以我不使用em值。 em值会产生不良结果：

h1 {
    font-family: "MissionGothic-Regular", "Mission Gothic Regular Regular", "mission_gothicregular";
    font-size: 1em;
    margin: 0 -2.1em;
    background:#BF2C24;
    display: inline-block;
    color: #f2efe9;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
h1:before {
    position: absolute;
    content: "";
    top: 0px;
    left: -20px;
    height: 0px;
    width: 0px;
    border-top: 20px solid #BF2C24;
    border-left: 20px solid transparent; 
    border-bottom: 20px solid #BF2C24;
    margin-left: 0;
}
h1:after {
    position: absolute;
    content: "";
    top: 0px;
    left: auto;
    right: 20px;
    height: 0px;
    width: 0px;
    border-top: 20px solid #BF2C24;
    border-right: 20px solid transparent; 
    border-bottom: 20px solid #BF2C24;
    margin-right: -40px;
}

因此，我需要在调整浏览器大小时操作一些规则。它主要是像素（px）。

***编辑 - 所以，如果在使用:after和/或:before的jQuery中无法做到这一点，还有另一种方法吗？也许我需要改变CSS？有什么建议??

为什么这个问题被投票结束？

如何操纵伪元素：之后和：之前？

0 个答案: