因此，我尝试使用带有类名的Google材质图标代替<i>或<span>中的内容。
我在how to use google material icons as class instead of <i> tag中找到了一个解决方案，但后来我意识到我真正想要实现的是将其用于页面中定义的所有实物图标，因此我正在寻找通用解决方案。
我考虑了以下类似问题。
具有：
<i class="material-icons foo"></i>
foo是任何图标名称。
我想实现以下目标：
.material-icons:after {
content: "foo"
}
这样，我可以使用此通用CSS规则按类名使用所有材质图标。
所以问题是：
是否可以使用CSS（或sass）在"foo"元素的第一类"material-icons"的选择器中获取<i>第二类？
任何帮助将不胜感激，谢谢！ ：）