css：如何删除伪元素（之后，之前，...）

6 回答

• 25

  p:after {
     content: none;
  }
  

  none是将内容设置为空的官方值（如果指定） .

  http://www.w3schools.com/cssref/pr_gen_content.asp

  回复于 2024-04-26T18:54:38+08:00
• 7

  您需要添加一个css规则来删除after内容（通过类） .

  ---

  由于一些有效的评论， update .

  完全删除/禁用 :after 规则的更正确的方法是使用

  p.no-after:after{content:none;}
  

  as Gillian Lo Wong answered .

  ---

  原始答案

  您需要添加一个css规则来删除after内容（通过类） .
  p.no-后：后{内容： “”;}
  如果您想使用此行，请将该类添加到 p

  $('p').addClass('no-after'); // replace the p selector with what you need...
  

  一个工作示例：http://www.jsfiddle.net/G2czw/

  回复于 2024-04-26T18:54:38+08:00
• 17

  $('p:after').css('display','none');
  

  回复于 2024-04-26T18:54:38+08:00
• 5

  作为mentioned in Gillian's answer，将 none 分配给 content 可以解决问题：

  p::after {
     content: none;
  }
  

  请注意，在CSS3中，W3C建议对前面或后面的伪元素使用两个冒号（ :: ） .

  来自MDN web doc on pseudo-elements

  注意：通常，应使用双冒号（：:)而不是单个冒号（:) . 这将伪类与伪元素区分开来 . 但是，由于W3C规范的旧版本中不存在这种区别，因此为了兼容性，大多数浏览器都支持这两种语法 . 请注意:: selection必须始终以双冒号（：:)开头 .

  回复于 2024-04-26T18:54:38+08:00
• 359

  这取决于假选择者实际添加的内容 . 在你的情况下，将内容设置为 "" 将会消除它，但是如果你没有人能够解决所有关于前/后元素的问题，无论它是什么 .

  回复于 2024-04-26T18:54:38+08:00
• -4

  p:after {
    content: none;
  }
  

  这是一种删除 :after 的方法，你也可以为 :before 做同样的事情 .

  回复于 2024-04-26T18:54:38+08:00