jquery - 使用 jquery 应用类样式，但并非所有样式都适用

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

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，此时基本上仍然是直接的 HTML 标记

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

CSS 中的颜色属性正在更改，但字体没有(仍显示为原始 <p> 定义样式的 100px。为什么只有一个属性受到影响？

最佳答案

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

以下 jQuery 行将为您工作:

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

关于jquery - 使用 jquery 应用类样式，但并非所有样式都适用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15459268/

相关文章：

Javascript highchart 传递变量