javascript - 更改 :before css selector using JQuery 的宽度属性

<分区>

我有一个包含图像的页面，我使用 :before CSS 选择器为其设置了样式。
图片是动态的，所以它没有固定的宽度；所以我需要动态设置 :before 规则的宽度。
我想在客户端使用 JQuery 来完成。
假设这样:

.column:before{
    width: 300px;
    float: left;
    content: "";
    height: 430px;
}

.column{
    width: 500px;
    float: right;
    padding: 5px;
    overflow: hidden;
    text-align: justify;
}

如何使用 JQuery 仅使用 :before 选择器(而不是没有它的选择器)更改类的宽度属性？

最佳答案

我不认为有一种 jQuery 方式可以直接访问伪类的规则，但是您总是可以将一个新的 style 元素附加到文档的头部，例如:

$('head').append('<style>.column:before{width:800px !important;}</style>');

见一个 live demo here

我还记得曾经见过一个解决这个问题的插件，但不幸的是我在第一次谷歌搜索时找不到它。

关于javascript - 更改 :before css selector using JQuery 的宽度属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10061414/

上一篇：javascript - 如何使用 AngularJS 从 JSON 提要中填充选择下拉列表？

下一篇：javascript - window.print() 在 IE 中不工作

相关文章：

javascript - 使用 jquery/javascript 请求参数

javascript - 如何获取类型范围输入的拖动事件？

用于保留用户操作值的 JavaScript 机制

javascript - 如何使用jquery为div动态添加点击事件

css - 如何将图标放入 Kendo 菜单中？

javascript - 属性不是函数异常

javascript - 使用 jQuery 切换？

AJAX 加载内容上的 jQuery 函数

javascript - 变量 getElementbyId 内部函数

html - CSS中是否可以有多个ID选择器