Как я могу применить этот код 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' ) );