我試圖創建另一個部分,并應用資產文件夾中的CSS。但是,當我將{ { ' style-section-block . css ' | asset _ URL | style sheet _ tag } }放入我要應用CSS的頁面時,它也會影響其他部分,即使我只放入我要更改的部分。
我希望能夠編輯一節網頁
如果您想要應用CSS特定的部分,首先您添加一個唯一的類或ID到您想要樣式化的部分。在CSS文件中使用唯一的類或ID后,你就可以對部分進行樣式化了。例子是
<div class="my-section">
<!-- section content -->
</div>
"我的部分& quot是此部分的唯一類名。您可以使用類名將樣式添加到節中。
.my-section {
font-size: 24px;
}
根據shopify主題。您可以根據當前頁面句柄或頁面模板有條件地使用CSS文件。根據我的想法,你可以在你的主題“布局”文件中使用這個“模板”或“頁面句柄”變量。我指的是“主題.液體”文件。您可以將以下代碼添加到'布局'文件' head '部分。
{% if template contains 'your-specific-template' or page.handle == 'your-specific-page-handle' %}
{{ 'style-section-block.css' | asset_url | stylesheet_tag }}
{% endif %}
用您的模板名稱替換“您的特定模板”,或者用您的頁面句柄名稱替換“您的特定頁面句柄”。并從其他部分刪除CSS鏈接。
上一篇c# json 名 值
下一篇vue 路由后退事件