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

我试图隐藏wordpress网站一页上的滚动条

我一直在尝试以下代码

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

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

我试着做我通常会做的，就是做这样的东西

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

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

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

您可以使用，来确定您所在的页面，然后根据该页面加载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' ) );

您可以使用，来确定您所在的页面，然后根据该页面加载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' ) );

---

非常感谢。请原谅我的愚蠢，但是我试着把这个如果是页面“854”{.body:：-webkit滚动条{display:none；}}}放在css表单中，但是返回了错误。我可以把代码放在哪里？@AmmonKaopua您需要将代码放在模板中，而不是css文件中。这里有一个指向不同模板的链接，您可以根据该链接进行选择。如果不看你的代码，我就不能确切地告诉你该把它放在哪个文件中。非常感谢。请原谅我的愚蠢，但是我试着把这个如果是页面“854”{.body:：-webkit滚动条{display:none；}}}放在css表单中，但是返回了错误。我可以把代码放在哪里？@AmmonKaopua您需要将代码放在模板中，而不是css文件中。这里有一个指向不同模板的链接，您可以根据该链接进行选择。如果不看你的代码，我就不能确切地告诉你该把它放在哪个文件中。