[mPDF CSS类，用于文本颜色嵌套在 被父母的颜色覆盖 ] >>

Question

相关的HTML看起来像：

    <li class="lineEntry t1" title="Right-Click for Options" style="">
     <span id="job_111095">
        <i class="ic-p-appr"></i> 111095
     </span> Foo/Bar, Some Text </span>
    </li>

...和相关的CSS看起来像（file = icomoon的foo.css）...

/* this is an icomoon icon, that should be green */
.ic-p-appr:before { 
  content: "\e905";
  color: #0f8040 !important;
}
...和（file = bar.css）...

    .t1{color:#B92426;}
    /* .line-entry never defines a color */

我添加了！important并在bar.css之后加载了foo.css，以使图标变绿（＃0f8040），但是嵌套在.t1类中的图标始终仅在mpfd转换时继承该父级的字体颜色。将HTML转换为pdf文档。 （HTML中的嵌套图标可以正常工作）

[当我查看支持的CSS的mPDF文档时，在该文件中或SO中什么都没看到，这说明了为什么会发生这种情况。我的mPDF是7，这是配置：

    $mpdf = new \Mpdf\Mpdf([
        'fontDir' => array_merge($fontDirs, [
            '../vendor/resources/fonts',
        ]),
        'fontdata' => $fontData + [
            'icomoon' => [
                'R' => 'icomoon.ttf',
            ],
        ],
        'format' => 'A4-L',
        'orientation' => 'L',
        'debug' => true,
    ]);

请参阅：enter image description here感谢您提供有关此问题的帮助。

相关HTML看起来像：

[[[[ 111095

Answer 1

[固定：我发现因为mPDF ver7不支持CSS伪类：之前，有必要使用类名独立声明字体颜色。因此，对于我的HTML输出，此方法有效。.ic-p-appr：before {color：＃0f8040！important; }，但是我不得不再次声明它，减去'：before'以便在PDF文档中注册该样式。

摘要：mPDF7忽略在伪类下声明的CSS样式属性。