Squarespace不允许在自定义HTML中使用类和id选择器，然后在CSS编辑器中作为目标吗？

大家好，我的社区

我刚开始使用Squarespace为客户和朋友创建一个网站，提供一些安全和设备培训课程，我喜欢这些模板，它非常容易使用，只需拖放即可。然而，我在课程目录页面遇到了一个问题。我正在添加自定义HTML，以允许一个具有描述的布局良好的列表，但类和id选择器并不以元素为目标。针对

和

元素的目标是整个站点的所有元素。任何有使用Squarespace经验的人，你能分享一下我如何针对特定元素的知识吗？非常感谢

---

我确实在Squarespace论坛上发过帖子，但没有收到任何回复，所以我在这里。

对于Squarespace相关的问题（无论是在Answers论坛上还是在这里），如果您提供相关页面的URL和（如果适用）（对于处于试用模式但尚未付费的站点来说是必需的），通常最容易提供解决方案

在任何情况下，假设您使用a来插入HTML，您可以将a类添加到HTML中的元素中，然后通过添加CSS或在带有代码块本身的

style

标记中添加CSS来定位它们

例如，如果将其全部放在代码块本身中，则类似于：

<ul class="myclass1 myclass2">
  <li>List item one.</li>
  <li>List item two.</li>
</ul>

<style>
  .myclass1 li {
    color: red;
  }
</style>

请注意，使用CSS编辑器时，

标记被排除在外

如果上述两项都不起作用，很可能是因为您处理的是Squarespace自身的规则，具有更高级别的可用性。这仅仅意味着Squarespace的默认CSS规则将覆盖您自己的CSS规则。为了补偿这一点，您可以将上面的规则重写为

color:red！重要的

或使用web检查器选择有问题的元素，检查应用于该元素的CSS规则（这将显示Squarespace的默认规则），然后以相同或更高的特定性重写规则

最后，如果我最初假设您使用的是代码块是不正确的，那么实际上您使用的是代码块。仍然可以在正方形空间中的特定块中以特定元素为目标。为此，必须使用块ID

要获取块ID，您必须熟悉使用浏览器的web检查器（前面提到）。使用它，找到有问题的块

请注意，您不希望使用以

yui…

开头的块ID。这些ID是动态生成的，并随每次页面加载而更改。可以使用以任何其他内容开头的ID，例如

block yui…

拥有块ID后，可以将其用作CSS的一部分，如下所示：

#block-yui_3_17_2_3_1425032049582_4670 ul li {
  color: red;
}

这里再次强调，特殊性可能是一个问题，因此您可能必须添加

！重要信息

或如上所述编写更具体的规则

---

一般来说，很难从答案中得到真正的答案；StackOverflow可能更有效。

显然，它们提供了一个。它们提供的CSS编辑器不允许您在html中以类或id选择器为目标。它只允许您以元素为目标，如

或

，它们在站点范围内为这些元素设置样式。我试图在网站的一个特定页面上设置元素的样式。我希望有一种方法可以做到这一点。我认为你对Squarespace自身特殊性的看法是正确的。非常感谢你的回答，我非常感谢你解释得这么好，我相信你一定帮助我解决了问题。我有几次带着问题来到StackOverflow，我刚刚开始从事这个行业，这里的社区非常棒，我为此感到高兴。再次感谢！

#block-yui_3_17_2_3_1425032049582_4670 ul li {
  color: red;
}