jquery 动态设置css::before不生效

在使用 jQuery 设置 CSS `::before` 伪元素样式时，需要使用 `content` 属性来设置要添加的内容，并且需要使用 `:before` 选择器来选中伪元素，如下所示：

$('#element:before').css('content', '要添加的内容');

例如，要在元素 `#element` 的前面添加一个带有文本的圆点，可以使用以下代码：

$('#element').css({
  'position': 'relative',
  'padding-left': '10px'
}).before('<span class="dot"></span>');

$('.dot:before').css({
  'position': 'absolute',
  'top': 0,
  'left': 0,
  'width': '5px',
  'height': '5px',
  'border-radius': '50%',
  'background-color': 'red',
  'content': '" "'
});

以上代码设置了元素 `#element` 的样式，并在其前面添加了一个带有红色圆点的 `::before` 伪元素。注意，`content` 属性的值必须用双引号包裹起来，并且内容需要用空格隔开。另外，`::before` 选择器在 jQuery 中需要使用 `:` 表示。

相关问题

jquery 动态设置css before不生效

在使用 jQuery 设置 CSS `::before` 伪元素样式时，需要使用 `content` 属性来设置要添加的内容，如下所示：

$('#element').css('content', '要添加的内容');

例如，要在元素 `#element` 的前面添加一个带有文本的圆点，可以使用以下代码：

$('#element').css({
  'position': 'relative',
  'padding-left': '10px'
}).before('<span class="dot"></span>');

$('.dot').css({
  'position': 'absolute',
  'top': 0,
  'left': 0,
  'width': '5px',
  'height': '5px',
  'border-radius': '50%',
  'background-color': 'red',
  'content': '" "'
});

以上代码设置了元素 `#element` 的样式，并在其前面添加了一个带有红色圆点的 `::before` 伪元素。注意，`content` 属性的值必须用双引号包裹起来，并且内容需要用空格隔开。