时间戳

首页 > 解决方案 > 如何将此 CSS 代码仅应用于 Wordpress 上的一页？

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

问题描述

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

我一直在尝试使用以下代码

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

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

我试着做我通常会做的事情，那就是做这样的事情

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

但随后滚动条不再隐藏在任何页面上。

我该怎么做才能使代码仅在 .page-id-854 上运行？

标签： csswordpress

解决方案

您可以使用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' ) );

推荐阅读