应用jQuery的类样式，但不是所有的样式应用

我正在尝试一些初学者操作使用jquery应用CSS类样式。我设置了两个类属性，颜色和字体大小。两者均定义在.zebra类下，但只有颜色正在应用。应用jQuery的类样式，但不是所有的样式应用

jQuery脚本：

$(document).ready(function() { 
alert('Script is tied in!'); 
$('#lion').addClass('zebra'); 
});

CSS

p { 
color: #CC34H8; 
font-size: 100px; 
} 

.zebra { 
color: #2FB51D; 
font-size: 12px; 
}

EJS，在这一点上

<body> 
hello hello 
<p> hi </p> 
<div id="lion"> 
    <p> hey hey </p> 
</div> 
</body>

从CSS颜色属性正在发生变化主要还是直HTML标记，但字体不是（仍然显示为从原始<p>定义的样式的100px hy只是受影响的属性之一？

2013-03-17 Four_lo

你的JS代码是正确的，只有一件事。

要应用的类.zebra到div.lion不是标签p本身，所以里面的标签文本p从父div得到color和font-size从它的CSS。

这就是为什么只有color只是改变。

改变你的代码如下：

$('#lion p').addClass('zebra');//notice " p".

2013-03-17 09:35:43

您正在将类设置为#lion，但font-size属性正被p标记覆盖。

以下jQuery的行会为你工作：

$('#lion p').addClass('zebra');

2013-03-17 09:32:50 hjpotter92

你并没有改变class为<p>标签，它仍然有font-size:100px。

$(document).ready(function() { 
    $('#lion p').addClass('zebra'); 
});

2013-03-17 09:37:49 XiM

回答