html - 如何在squarespace gallery上获取id并在css上调用单个元素

标签 html css gallery squarespace

我的 squarespace 网站上有一个画廊 block ,我只需要在其中的几个图像上放置动画,但我不知道如何获取单个元素,或者获取 id 并在 css 中使用它。 我确定我不能使用 Yui id,因为它们不是静态的。

我能做什么? 我听说过一个理论: 在链接图片上

https://static1.squarespace.com/static/ONELINKID/SECONDLINKID/THIRDLINKID/IMAGE.PNG ONELINKID/是图库id SECONDLINKID/这是画廊 ID THIRDLINKID/包装器 IMAGE.PNG/图片

如果这是真的,是否可以在 css 上调用此 id 之一以在单个元素上制作动画? 万一,怎么办?

提前谢谢你。

最佳答案

根据我的经验,可以定位整个图库区 block ,但不能定位区 block 内的特定图片。

这是可能的(针对整个画廊 block ):

#block-9402f7f162de95970c9c {
  display:none;
}

但这不是(针对 block 内的一张图像):

#yui_3_17_2_1_1451403688334_177 {
  display:none;
}

block 中特定图像的 ID 是从检查元素中提取的,而不是像您暗示的那样从图像的 URL 中提取的。 block 内的每个图像都有一个与之相关联的唯一 ID,但使用 SquareSpace 似乎无法通过 CSS 定位该 ID。

关于html - 如何在squarespace gallery上获取id并在css上调用单个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34480439/

相关文章:

jquery - Bootstrap 响应图像的问题

javascript - 什么属性用于查找浏览器窗口的宽度和高度?

javascript - 每次生成动态行,同时关注最后一行元素

javascript - 将 JScript 添加到 prestashop CMS 页面

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

android - 画廊在方向更改后调用 onItemSelected

javascript - 我们如何使前三列的 html 表格标题固定,而其他所有列都可以滚动

jquery - 单击图像时在 Colorbox 中加载 iframe

javascript - 写入图库时出错

javascript - 隐藏移动键盘,同时将光标保持在文本区域中