Question

我正在Wordpress网站上工作，我只想在具有特定类别标签的帖子中选择和更改:after伪元素的内容。

我的伪代码将如下所示：

- get the post category
- if post category == 'myCategory'
    .myElement:after{
       content: "new content here";
    }

我在另一篇文章中找到了以下代码，并尝试使其适应我的使用，但是没有运气。

function change_next_button(){
  $cat = get_the_category();

  if ( ! empty( $cat ) ) {
    $cat_name = $cat[0]->name;

    switch ($cat_name) {
      case 'nyhet':
        document.getElementsByClassName("button:after").style.content="next article";
        break;
    }
  } 
}

非常感谢任何人可以提供解决方案

Answer 1

您无法使用JavaScript / jQuery更改::before和::after伪元素，因为它们不是DOM的一部分。

您可以做的是在您的情况下添加一个类，然后在样式表上进行样式设计。

switch ($cat_name) {
  case 'nyhet':
    echo '<script type="text/javascript">document.querySelector(".yourbutton").classList.add("newclass");'</script>
    break;
}

然后在样式表中显示

.newclass::after {
  /* Your new styles */
  /* You may need to use !important - I don't know your CSS structure. */
 }

Wordpress更改特定帖子类别的：after元素的HTML内容

1 个答案: