加載更多 CSS 是一種常用的 AJAX 技術，通過在頁面滾動到底部時異步加載更多的 CSS 文件，實現(xiàn)頁面內容的動態(tài)刷新，提高用戶體驗。

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$.ajax({
method: "GET",
url: "load-more-css.php",
data: { page: page },
success: function(data) {
$("head").append(data);
page++;
}
});
}
});

在上面的代碼中，首先通過監(jiān)聽窗口滾動事件來判斷頁面是否滾動到底部，然后發(fā)起 AJAX 請求，請求的 url 為 load-more-css.php，page 參數(shù)表示當前加載的頁面，成功后將返回的 CSS 文件通過 append() 方法添加到頁面 header 中，同時將 page 值增加 1。

在 load-more-css.php 文件中，可以根據(jù) page 參數(shù)返回不同的 CSS 文件：

if(isset($_GET["page"])) {
$page = $_GET["page"];
if($page == 1) {
// 加載第一頁的 CSS 文件
echo "";
} else if($page == 2) {
// 加載第二頁的 CSS 文件
echo "";
} else {
// 加載后續(xù)的 CSS 文件
echo "";
}
}

可以看到，load-more-css.php 文件根據(jù)參數(shù) page 的值不同，返回不同的 CSS 文件，可以根據(jù)實際需要進行調整。