JQuery是一款非常强大的JavaScript库，它可以让我们轻松地操纵HTML文档，使我们的网页更加美观和生动。其中，JQuery的append()方法可以很方便地添加元素到指定的位置。不过，在实际的使用过程中，你可能会遇到一个问题：append()方法添加元素后，之前设置的CSS样式丢失了。那么这是为什么呢？接下来就让我们来看一下。

// 代码块
$('p').append('Hello world');

如上述代码，我们通过jquery选择器来选择了所有的p标签，然后通过append()方法在每个p标签的后面添加了一个span标签。但是，添加完后，我们会发现原本的样式全部丢失了。这是因为，新添加的元素并没有继承之前p标签中设置的样式。

那么如何解决这个问题呢？这里我们可以使用JQuery提供的css()方法来给新加入的元素设置CSS样式。即使是动态添加的元素，我们也可以使用css()方法来动态设置CSS样式。

// 代码块
$('p').append('Hello world').find('span').css('color','red');

我们可以链式调用find()方法来找到新添加的元素，再用css()方法来设置CSS样式，这样就能解决CSS样式丢失的问题了。

在实际开发过程中，我们可以根据需要来给新添加的元素设置不同的CSS样式，让网页变得更加生动有趣。JQuery的append()方法和css()方法都是非常方便实用的工具，让我们的开发变得更加高效和愉快。