从scss访问伪类元素属性宽度

Question

我试图通过属性更改伪类元素的宽度和高度。我这样做是因为我无法在javascript中更改伪元素。我的代码有什么问题？ Mozilla说它的可能性： https://developer.mozilla.org/en/docs/Web/CSS/attr#Examples

.loader::before {
height: 30px;
width: attr(data-width);
display: block;
position: absolute;
background-color: red;
content: '';}

的javascript：

$('.loader').attr('data-width', '100px');});

https://jsfiddle.net/9j2pbbzd/

Answer 1

请注意，目前您可以attr()使用content属性。看看这个类似的答案https://stackoverflow.com/a/27529435/1849721

Answer 2

如果您创建一个具有您希望伪元素具有的宽度/高度的类，并使用JS根据需要添加/删除此类，该怎么办？