Question

我正在尝试为wordpress主题Flexform创建模板。我已经创建了一个页面以及该页面的特定标题。我不需要添加一个body_class调用，因为它已经存在：

<body <?php body_class($page_class . ' ' . $is_responsive . ' ' . $extra_page_class); ?>>

我检查了页面上输出的类并找到了：

<body class="page page-id-5538 page-template page-template-beach-php logged-in admin-bar page-shadow responsive-fluid  customize-support" style="">

我正在使用page-template-beach-php进行样式化，因此应用此模板的所有页面都将具有相同的样式。问题是我无法获得实际应用于页面的任何内容。我尝试了以下选项，但没有任何显示，有人能指出我正确的方向吗？

选项1尝试

.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }

选项2尝试

body.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }

选项3尝试

body .page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }

选项4尝试

.page-template-beach-php < #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }

此刻，我甚至无法将其作为一种覆盖的风格出现在谷歌检查中。

Answer 1

假设DOM中有一个id为top-bar的元素，选项1应该可以正常工作。

你能提供一个网址来看看吗？

Answer 2

我补充说：

.page-template-beach-php #top-bar { background: red; }

到styles.css的第1421行，它似乎生效了。