Question

这可能吗？我正在一个现有的网站上工作，我需要覆盖一些样式，但只能在使用我的新模板的页面上覆盖主要样式可能会破坏其他页面。这是标记：

<div id="page">

  <main role="main" id="MainContent">
     {{ content_for_layout }}
   </main>

   {% section 'footer' %}

</div>

因此，在页面或main元素中添加一个类是理想的。

我设法通过if语句来实现此目的，以显示内容，但仅限于某个模板，如下所示：

{% if template == 'page.job-detail' %}
    <!-- CODE HERE -->
{% endif %}

不确定这与div上的类有什么关系？我可能需要包含一些页面，因此我需要指定一个数组或一种方式来指定多个模板。模板如＆＃34; page.faq＆＃34;，＆＃34; page.jobs＆＃34;，＆＃34; page.job-detail＆＃34;。

Answer 1

为什么不直接为所有网页添加自定义类，并根据您要定位的模板进行定位。

因此，您可以将以下内容添加到正文标记中。

<body class="template-{{ template | replace: '.', '-' | replace: '/', '-' }}">

你会得到以下课程：

从那里你只能使用CSS来设置你使用上述类所需的样式。