JavaScript,jQuery 的css方法无效是怎么回事

今天遇到一个问题。
试图通过jquery,给某节点增加css属性,使其实现预期的样式表现。
但不生效。
但又用了别的方式实现。

不生效的写法:

//这种写法不生效。
 $dom.find("p.text-p").css("-webkit-line-clamp",3) ;
 //或
  $dom.find("p.text-p").css({"-webkit-line-clamp":3}) ;

 

生效了的写法:

	//此处这个3,可以是个变量。
	$dom.find("p.text-p").attr("style", "-webkit-line-clamp:" + 3);

 


注,这种情况只是css()方法对于某些特殊的css属性不生效,一般属性还是可以的。

猜测是直接改写dom结构,相当于写成了inline样式。即
<p style="xxxxxx">yyyy</p>
这样的形式。

 

JavaScript,jQuery 的css方法无效是怎么回事
标签: