特定url上的自定义css Liquid Shopify

我正在尝试在某些URL上添加css。仅在该子页面上，我需要与其他页面不同样式的元素。 我在另一个液体代码中发现了一些附在里面的示例，但它不起作用。以下是我尝试过的例子： 我想要设置样式的元素没有唯一的类或id

<style>
{% if page.url == 'fullUrl' '%}
  #someEmelent {margin: 0 auto}
{% endif %}
{% if page.url == '/subpage/subpage' '%}
  #someEmelent {margin: 0 auto}
{% endif %}
{% if page.url == '/subpage' '%}
  #someEmelent {margin: 0 auto}
{% endif %}
</style>

---

您可以使用请求对象：

因此，类似这样的方法应该有效：

{% if request.path contains 'variable_part_of_url' %}
    <style>
        /* your styles */
    </style>
{% endif %}

{%if request.path包含'variable\u part\u of\u url%}
/*你的风格*/
{%endif%}

另一种方法是创建一个特定的模板并将其应用于页面。

---

然后，您可以在body中添加一个特定的类，并在CSS文件中使用它。

如果您可以包含JS，您可以尝试添加一个新类。我会尝试，在Liquid或pure CSS中还可以使用其他内容吗？如果您向我发送页面链接，我可以提供帮助。

{% if request.path contains 'variable_part_of_url' %}
    <style>
        /* your styles */
    </style>
{% endif %}