显示：如果是类，则无成像

Question

我使用上面的代码在每个要下载的pdf文件之前显示pdf图标。

a[href*="pdf"]::before {
    content: url('../gfx/pdficon.png');
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

当图标出现像img这样的对象时，我有问题，我不想要这个图标。 我提出了创建一个类“nopdf”的想法，以添加到没有此图标的图像。

如何在css中应用它？我想这足以“显示：无”，但在这种情况下如何构建规则css？

编辑：问题仅在我将（href）链接到图像时。然后在图像之前我看到pdf图标。

Answer 1

a.nopdf::before {
  display: none !important;
}

或者您只是扩展现有规则：

a[href*="pdf"]:not( .nopdf )::before {
    content: url('../gfx/pdficon.png');
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}