将内容放入＆＃34; a href＆＃34;使用CSS和nth-of-type

Question

我试图将内容放入一个空的＆＃34; a＆＃34;在我的Drupal网站上标记。 我使用的代码是：

.letter-grid div:nth-of-type(1) a {
    content: 'All' !important;
}

该网站只有div和一个＆＃34; a href＆＃34;标记链接到其他子页面。不确定应用此类代码的其他替代方法。任何帮助将不胜感激！

编辑：当我检查元素时没有应用到网站上时，代码会显示出来。

Answer 1

在CSS2.1中，content仅适用于::before和::after伪元素：

.letter-grid div:nth-of-type(1) a:before {
  content: 'All' !important;
}

<div class="letter-grid"><div><a href="#"></a></div></div>

将来，CSS3可能允许用content替换元素的内容，但这只是草稿中的一个想法，浏览器不支持。

Answer 2

最合适的做法是修改实际的标记。如果不这样做，您可能会制作一个不可访问的解决方案，这可能会疏远某些用户。

如果您无法修改标记，或者您确定对视力不佳用户的影响不存在或可忽略不计，则可以在::before或::after伪元素中显示内容：

.letter-grid div:nth-of-type(1) a::before {
    content: "All";
}

但我强调，修改实际标记会更好。不要疏远您的用户。