为什么这么改不对呢？

$("button:first").click(function() {

         //把p元素添加到li的合集中

         $('li').add('p')

         $('li').css('background', 'red')

    })

先把<p>加入到<li>的集合中，之后再对<li>的集合添加颜色属性，按理说效果应该和原来的一样，为什么运行后<p>中的内容没有变化呢？