如何在伪类之前和之后应用css？

演示

我有以下HTML …

 
 
lorem ipsum
 
lorem ipsum
 
lorem ipsum
 
lorem ipsum
 
lorem ipsum
 
  

对于我的情况，这是非常必要的css …

 #q dd:before{ content: " "; /*height: 65px;*/ } 

但是需要根据内容创建高度，就像高度是动态的一样。 因此，我需要用jQuery创建它….

 //for test var h = '65px'; //problem occurs here $('#q dd:before').css('height',h); 

检查时，高度不会添加到#q dd:before选择器中。

似乎:before和:after jQuery不支持伪类。

你对jQuery或javascript有什么想法吗？

Answer 1

你不能用jQuery来定位伪元素，而是可以在dd元素中添加一个类：

 $('#q dd').addClass('active'); 

然后在CSS中基于此类设置样式：

 #q dd.active:before{ height: 65px; } 

更新小提琴

---

如果要使用动态值，则可以设置

然后将其附加到部分：

 var h = '65px'; $('').appendTo('head'); 

更新小提琴