Question

前段时间我使用非常有限的CSS知识来删除用户名;小部件寄宿生;图片寄宿生;并且＆＃39;关注Pinterest＆＃39;按钮。这是通过使用：

标记窗口小部件（在HTML中）来实现的

div id="pinterest-container"

然后使用以下CSS命令隐藏除图片之外的所有内容：

#pinterest-container > span { box-shadow: none !important; }
#pinterest-container > span > span > a { display: none; }

#pinterest-container span a:nth-child(3){
display: none !important;
}

.post-body center div#pinterest-container span span a{
display: block !important;
}

.post-body center div#pinterest-container span span span a{
display: block !important;
}

然而不久前，这停止了工作，图片寄存器，用户名和ffollow按钮全部返回：http://www.andrewmacpherson.me/p/precedence.html

如果有人可以帮助我再次隐藏这些内容，我会非常努力，我一直在搜索和测试，但没有运气！

非常感谢

安德鲁

Answer 1

我记得在Myspace时代隐瞒了这样的事情。覆盖某些元素往往是一个复杂而脆弱的过程。幸运的是，我们现在已经拥有了CSS属性选择器，提供了一种更优雅的方式来处理你的情况。以下选择器的$=部分定位class属性值以结尾的某些后缀（_img，_col等）。希望这些覆盖将持续比最后一批更长的时间。

删除图片和小部件边框：

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;  
}

#pinterest-container [class$=_col] {
  padding: 0;
}

杀死以下按钮：

#pinterest-container [class$=_button] {
  display: none !important;
}

要删除滚动条，您必须做一些更通用的事情。 注意：这将显示每组图像中的所有内容，因此不会发生截断。

#pinterest-container span span {
  overflow: hidden !important;
  height: 100% !important;
}

使用CSS的最小Pinterest小部件

1 个答案: