最近我在编写一个网页，在使用jQuery和CSS时遇到了一个问题，就是样式无效。这个问题困扰了我很长时间，最后才找到了解决方法。

// CSS代码
.test {
color: red;
font-size: 16px;
}
// jQuery代码
$(document).ready(function(){
$(".test").css("color", "blue");
$(".test").css("font-size", "20px");
});

在上面的代码中，我们定义了一个CSS样式类test，设置了颜色和字体大小。然后在jQuery中，我们使用了css方法来修改这个类的样式。但是当我们打开页面时，发现样式没有变化，仍然是红色16号字体。

这是为什么呢？原来是因为我们的jQuery代码在CSS代码之后执行了，所以修改样式的代码运行时，CSS样式类还没有被加载。解决方法就是将jQuery脚本代码放在页面最后，确保代码在CSS样式加载完成之后执行。

// CSS代码
.test {
color: red;
font-size: 16px;
}

<!-- HTML代码 -->
<div class="test">这是测试文本</div>

// jQuery代码
$(document).ready(function(){
$(".test").css("color", "blue");
$(".test").css("font-size", "20px");
});

在重构代码之后，我们先定义了CSS样式类，然后插入HTML元素，最后执行jQuery代码。这样就可以确保在执行代码时，CSS样式已经被加载完成了，所以我们可以成功修改文本颜色和字体大小。

总结一下，当使用jQuery时，要确保CSS样式类已经被加载完成，否则代码修改样式将无效。为了确保正确的执行顺序，建议将jQuery代码放在HTML结尾处或在文档加载完成后执行。