寻找有关如何向 Squarespace 中的部分和模块添加自定义 class 的指南？
Looking for guidance on how to add custom class to sections and modules in Squarespace?
我有一个正在使用 Squarespace 的客户要求我解决移动堆叠问题。
我有 2 行并排交替显示图像和文本。这在桌面上看起来不错，但在移动设备上堆叠顺序是错误的。
桌面堆叠：
图片+文字
文字+图片
当前移动堆叠：
图片
文字
文字
图片
理想堆叠：
图片
文字
图片
文字
通常我是通过用自定义 class 交替部分来完成此操作的，但我没有看到任何可以添加它的地方。 您可以向部分添加自定义 classes 吗？
感谢任何帮助。谢谢！
无法直接编辑出现在 Squarepace 的默认网格和块系统（他们称之为“LayoutEngine”）中的标记。一般来说，必须在代码块中编写自己的 HTML（或通过代码注入点），或者在默认标记加载到页面后使用 JavaScript 更改 HTML .
但在您的具体情况下，，通常只需 CSS 即可解决，使用以下组合：
first-child、last-child 和 nth-child 选择器，and/or-
> direct-descendant/child-combinator, and/or
- 特定方块 ID（每个
sqs-block 都有一个独特的 id 属性），and/or
- 媒体查询，以便规则仅在到达移动断点后生效，and/or
- 或者
display:flex 与 order 属性。或 display:table-header 与 display:table-footer 以强制不同的堆叠顺序。
具体 CSS 通常根据具体情况而有很大差异，无论您是要重新排序块、列还是行。上面链接的类似问题为您要解决的同一问题提供了特定的解决方案，但是在您的情况下解决它的代码可能看起来很不一样，尽管它可能会结合使用上述五件事。
或者，您可以使用 JavaScript 定位块并添加您自己的 类，然后用 类 编写 CSS。即使在那种情况下，一般方法也是相同的。
我有一个正在使用 Squarespace 的客户要求我解决移动堆叠问题。
我有 2 行并排交替显示图像和文本。这在桌面上看起来不错，但在移动设备上堆叠顺序是错误的。
桌面堆叠：
图片+文字
文字+图片
当前移动堆叠：
图片
文字
文字
图片
理想堆叠：
图片
文字
图片
文字
通常我是通过用自定义 class 交替部分来完成此操作的，但我没有看到任何可以添加它的地方。 您可以向部分添加自定义 classes 吗？
感谢任何帮助。谢谢！
无法直接编辑出现在 Squarepace 的默认网格和块系统（他们称之为“LayoutEngine”）中的标记。一般来说，必须在代码块中编写自己的 HTML（或通过代码注入点），或者在默认标记加载到页面后使用 JavaScript 更改 HTML .
但在您的具体情况下，
first-child、last-child和nth-child选择器，and/or-
>direct-descendant/child-combinator, and/or - 特定方块 ID（每个
sqs-block都有一个独特的id属性），and/or - 媒体查询，以便规则仅在到达移动断点后生效，and/or
- 或者
display:flex与order属性。或display:table-header与display:table-footer以强制不同的堆叠顺序。
具体 CSS 通常根据具体情况而有很大差异，无论您是要重新排序块、列还是行。上面链接的类似问题为您要解决的同一问题提供了特定的解决方案，但是在您的情况下解决它的代码可能看起来很不一样，尽管它可能会结合使用上述五件事。
或者，您可以使用 JavaScript 定位块并添加您自己的 类，然后用 类 编写 CSS。即使在那种情况下，一般方法也是相同的。