如何让CSS只在特定的WordPress页面上工作？

我读过几个论坛，但我必须错过一些东西。我基本上只是试图让我的CSS在某些页面上有某些东西。基本上我想改变主页为图片的全宽。如何让CSS只在特定的WordPress页面上工作？

我的孩子主题是我的CSS是这样的。

.site-content, 
.fl-builder.home .page-section, 
.front-page-widgets, 
.breadcrumbs { 
    width: 1640px; 
    max-width: 100%; 
    margin: 0 auto; 
} 

.site-footer-area { 
    width: 1640px; 
    max-width: 80%; 
    margin: 0 auto; 
}

现在的问题是我所有的网页，因为max-width是100％，一切都触摸屏幕的边缘。我只想要这个主页。我检查了主页，并从该

<body id="top" class="admin-bar home is-singular logged-in page page-id-481 page-template page-template-_fullwidth page-template-page-template page-template-page-template_fullwidth-php customize-support">

我假设我page-id是481的主页。

什么是最好的方法来解决这个问题，以便我的其他网页是正常的？

来源

2015-06-25 St3

班'家'不是一个更好的候选人吗？ – Boaz

尝试添加一个包含div的类到您想要更改的每个页面 – pQuestions123

可以使用。家里或页面ID-481父

.home your_selector{ 
max-width: 100%; 
}

或

.page-id-481 your_selector{ 
    max-width: 100%; 
    }

来源

2015-06-25 18:55:29

这可以很好地工作。我不得不像@Tomek说的那样将它添加到每个选择器中，但是.home似乎不起作用。谢谢！ – St3

你需要预先您的家庭有关CSS选择器的每个与.home，如：

.home .site-content, 
.home .page-section, 
.home .front-page-widgets, 
.home .breadcrumbs { 
    width: 1640px; 
    max-width: 100%; 
    margin: 0 auto; 
}

所以，如果你有一个CSS规则加入到几个选择其他后列出了一个，你必须多次添加.home。

来源

2015-06-25 18:55:09

当你在你的wordpress主题的不同的模板文件，使一个名叫front-page.php和设置将此页面的宽度设置为100％，同时保留其他主题文件。

如

<div class="home-width"> 
    My home page 
</div>

CSS：

.home-width { 
    width: 100%; 
}

WordPress的自动寻找不同的东西，并在自定义菜单中，您仍然可以决定你希望你的头版是什么特定的命名页面。它还使您可以完全自由地选择主页的布局，同时将其余部分组织为博客或其他您希望为网站设计的布局。

来源

2015-06-25 18:56:27

如何让CSS只在特定的WordPress页面上工作？

回答

相关问题