Question

我的Squarespace网站上有一些自定义代码。我知道这不是Squarespace论坛，但我在如何定位我的自定义CSS中的一个特定元素。

所以这是网站：http://www.roboticsrookie.com/

我试过把#main-navigation a.folder {padding：0px};在我的sitewide CSS中，但它被证明是无效的。任何提示将不胜感激。

问题似乎是Squarespace生成一个带有填充的空导航链接，但我弄清楚如何摆脱特定元素的填充。

Answer 1

它不是＆＃34;填充＆＃34;它是一个锚标记，可能用于保存下拉菜单的图标。

尽可能删除那里的空锚标记。

<li aria-haspopup="true" class="folder-collection folder">
<a href="#" onclick="return false;"></a> <!-- < this anchor is the space -->
<a href="http://www.roboticsrookie.com/reviews/">Reviews</a>
<span class="delimiter">/</span>
<div class="subnav">
<ul>
<li class="page-collection"><a href="/robotics-reviews/">Robotics Reviews</a></li>
<li class="page-collection"><a href="/book-reviews/">Book Reviews</a></li>
<li class="blog-collection"><a href="/reviews/">Reviews</a></li>
</ul>
</div>
</li>

或者添加CSS：

li.folder-collection.folder > a:nth-child(1) { display: none;}

这个应该删除第一个空锚。

您的css选择器不正确。 #main-navigation a.folder正在寻找类＆＃34;文件夹＆＃34;的锚标记。换句话说<a class="folder" href="#"></a>。

您拥有的是列表项，其中包含类文件夹和该列表项中的锚标记。或<li class="folder-collection folder"><a href="#"></a></li>。

你不能（轻松地）瞄准那个特定的锚，因为它并没有什么独特之处。锚没有类或id苹果，并且该列表项中还有其他锚点。因此，您需要使用更具体的选择器（例如nth-child）来选择它。

消除我网站上随机填充的元素

1 个答案: