Html 试图用一个独特的字体图标来定位每个链接

尝试使用字体图标来定位每个活动链接。我正在尝试使用操作系统“Content:before”和“a:：first child”的组合

使用图标瞄准第三个a-link“联系我们”，不起作用。尝试了许多组合。这可能吗？xD

.children.windowbg>a:：之前的第一个孩子{
内容：“\f114”；
字体系列：真棒！重要；
右侧填充：5px；
}

子论坛：，

你给链接一个类，给他一个字体系列

.yourlink{
字体家族：幻想；
}

子论坛：，

要在链接中添加字体图标，只需在锚定标记中使用

标记作为

<td class="children windowbg" colspan="3">
                            <strong>SUB-FORUMS</strong>: <a href="#">Report Copyright Violations<i class="fa fa-tags"></i></a>, <a href="#">Disclaimer<i class="fa fa-exclamation"></i></a>, <a href="#">Contact Us<i class="fa fa-phone"></i></a>, <a href="#">Privacy policy<i class="fa fa-info"></i></a>
                        </td>

子论坛：，

请参阅演示

.windowbg类型的第n个（1）：之前{
内容：“\f114”；
字体系列：真棒！重要；
左边距：-23px；
位置：绝对位置；
颜色：红色；
字体大小：20px；
}
.windowbg a:n类型（2）：之前{
内容：“\f115”；
字体系列：真棒！重要；
左边距：-23px；
位置：绝对位置；
颜色：红色；
字体大小：20px；
}
.windowbg a
{
左边距：25px；
}

子论坛：，

其他答案有更好的解决方案。这只是解释了代码片段中的错误

• 像

  ：first child

  这样的伪类只有一个冒号，而不是两个

• ：第一个子项

  选择（在本例中）作为

  .children.windowbg

  的第一个子项的

  标记。您尝试选择的
  a
  标记不是第一个子项，而是它的第一个类型。因此，您应该使用
  ：类型的第一个

• 要选择伪元素，请使用冒号（

  ：before

  ）。现在，您正在

  a

  标记中选择

  之前的
  标记

• 没有

  表的
  td
  标记无效，并且该标记已在代码段中删除，因此为了测试，我将其包装在
  表和
  tr
  标记中

.children.windowbg>a:类型的第一个：before{
内容：“\f114”；
字体系列：真棒！重要；
右侧填充：5px；
}

子论坛：，

WOW！谢谢你，瓦伦！！：这是我想要的解决方案，因为我不想硬编码HTML，因为它需要更多的工作。它链接到CMS，需要很多php编码。所以我需要这个css方法！这是一个完美的css解决方案！我太迷路了，我尝试了很多不同的方法，但都没能成功！再次感谢你@瓦伦：是的，当然。使用

：nth-of-type（）

实际上，更明显的是如何将非第一个元素作为目标。@JohnWisher还有一件更重要的事情需要注意，即使您的选择器是正确的，您必须为伪选择器指定

位置
属性
:before
和
:before
才能工作：）是否仍要绕过左边距：-23px@约翰·维舍：你可以试着用%表示。它必须与主选择器相对。所以你可以试着用3到4。例：
左边距：-3%谢谢你解释我的错误。这一页的回答真的很重要，通过一个问题学到了很多新东西。非常感谢。根据您的建议，我如何选择第三个a-link，即联系我们？在某个图标前放一个字体？