如何将此CSS代码仅应用于Wordpress的一页？

Question

我正在尝试隐藏我的wordpress网站一个页面上的滚动条。

我一直在尝试以下代码

.body::-webkit-scrollbar { 
    display: none; 
}

但是，此代码将其应用于我网站上的所有页面。

我尝试做平时要做的事情

.page-id-854 .body::-webkit-scrollbar { 
    display: none; 
}

但是，滚动条不再隐藏在任何页面上。

如何使代码仅在.page-id-854上工作？

Answer 1

您可以使用is_page来确定您所在的页面，然后基于该页面加载CSS。如下所示：

if (is_page( 'Page Title' ) ) {
  // do something
}

其他一些选择。

// When any single Page is being displayed.
is_page();

// When Page 42 (ID) is being displayed.
is_page( 42 );

// When the Page with a post_title of "Contact" is being displayed.
is_page( 'Contact' );

// When the Page with a post_name (slug) of "about-me" is being displayed.
is_page( 'about-me' );

/*
 * Returns true when the Pages displayed is either post ID 42,
 * or post_name "about-me", or post_title "Contact".
 * Note: the array ability was added in version 2.5.
 */
is_page( array( 42, 'about-me', 'Contact' ) );