我正在尝试在 Squarespace 上创建一个网站，但在选择 HTML 页面上要在自定义 CSS 中使用的元素时遇到问题。当我在浏览器上使用检查元素时，某些元素的 ID 会发生变化，而其他元素则保持不变。
我正在运行开发者模式并通过 github 将代码下载到我的本地计算机。
在下载的site.region文件中，我找到了div元素，其中包含我尝试设置样式的内容:
<div id="content" class="main-content" data-content-field="main-content" data-collection-id="{collection.id}" {.equal? collection.typeName "gallery"}{.or}{.equal? collection.typeName "index"}{.or}data-edit-main-image="Banner"{.end}{.end}>
{squarespace.main-content}
</div>
{squarespace.main-content} 来自哪里以及如何选择其中的元素来设置样式？
最佳答案
关于一些ID改变和一些保持不变的情况，确实是这样。请参阅this answer欲了解更多信息。总结一下:
...any ID starting with "yui" can/will change on page refresh...however...block IDs (ID's starting with "block-" do not change as long as the block is not removed...
关于{squarespace.main-content}来自哪里，那就是 JSON-T tag告诉服务器加载在该页面的内容管理系统(也称为“布局引擎”)中输入的内容。无论该标签位于何处，都将加载该页面的 Layout Engine 内容。
最后，关于如何选择主要内容中的元素以使用 CSS 进行样式设置，您的思路是正确的。当你正在做的时候检查元素。如果您想定位特定 block ，请查找以 block- 开头的 ID 并定位这些 block 。或者找到其他方法来定位元素，例如 :first-child 或 nth-child 选择器。然后在the CSS Editor中输入您的CSS或者，如果您使用的是开发人员模式(正如您所指出的那样)，请将规则添加到您的 base.less 文件(或其他 CSS 文件，视情况而定)，然后更新您的模板 using Git or SFTP .
最后一点要注意的是，您不需要使用开发人员模式来通过 CSS 定位元素。您只需如上所述定位正确的元素，然后如上所述在 CSS 编辑器中输入规则，因此可能根本不需要增加开发人员模式的复杂性。
关于html - 使用 Squarespace 编辑 html/css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37889970/