您可以将页面类型条件替换为match your page by ID or slug instead.

https://www.webperftools.com/blog/how-to-remove-unused-css-in-wordpress/

function enqueue_pure_styles() {
    $suffix = \'\';
    if (is_front_page()) {
       $suffix = \'.front-page\';
    } else if (is_page()) {
       $suffix = \'.pages\';
    } else if (is_single()) {
       $suffix = \'.blog\';
    } else if (is_archive()) {
       $suffix = \'.archives\';
    }
    wp_enqueue_style(\'pure-styles\', get_stylesheet_directory_uri().\'/styles\'.$suffix.\'.pure.css\');
}

因此，可以修改参考博客中的上述代码，以按页面slug（或ID）进行检查。您可以使用以下名称为每个页面保存样式表

styles.page1.pure.css, styles.page2.pure.css, etc.

然后，可以使用以下代码根据当前页面段塞将样式表排队。

function enqueue_pure_styles() {
    $valid_page_slugs = [\'page1\', \'page2\', \'page3\', \'page4\' ....]; //Just replace wiht you page slugs.
    global $post;

    $post_slug = $post->post_name;

    //Bail early if page is not in the list. Or enqueue some default stylesheet
    if (!in_array($post_slug, $valid_page_slugs)) {
      return;
    }

    wp_enqueue_style(\'pure-styles\', get_stylesheet_directory_uri().\'/styles.\'.$post_slug.\'.pure.css\');
}

如果slug不匹配，您还可以使用一些默认css。

您可以在不使用任何PHP函数引用body类的情况下应用CSS，其中页面id为：

body.page-id-48>header>div{}

但您可能需要使用完整选择器，以获得更具体的选择器

body.page-template-default.page.page-id-182 div#page.site header#masthead.site-header>div{}

或者，如果仍要使用PHP函数，请检索页面url以了解必须应用哪个CSS：

$page_id = get_permalink( get_the_ID() );
if($page_id==48){
    echo "<style>div{width:100%;}</<style>";}
else{
}

或使用：

global $wp;
echo home_url( $wp->request );

获取页面slug