Github Style Alert cannot show in HTML or PDF

[HoeYeungHo]

• [x] Searched existing issues to avoid creating duplicates.

• [x] Confirmed that it can be reproduced in built-in themes without customized css.

  If it only exists in 3rd party themes or css, you can still report it, but please attach the theme target or the css file. We may not "fix" it, if it is caused by 3rd party themes or css styles that we cannot support.

• [x] Searched http://support.typora.io/

---

Describe the bug I know Github Style Alert did not adapt to i18n, so I followed the documentation to modify the CSS file, and all of this worked in typora, which is great! But when I export the markup to an HTML or PDF file, it has an effect on the style of Github Style Alert, but it does not have an effect on its text content.

• Effectively modifying styles

  .md-alert.md-alert-tip {
    border-left: 4px solid rgb(31, 136, 61);
    padding: 10px 15px;
    color: var(--text-color);
    background-color: rgba(31, 136, 61, .02);
    border-radius:0px 5px 5px 0px ;
  }

• The modification of text content only works in typora and is ineffective in exported HTML and PDF files

  .md-alert-text-tip .md-alert-text-container:after {
    content: "面试真题";
  }

Screenshots / Screencasts

Desktop (please complete the following information):

Windows 11 64bit

Typora Version

Typora 1.8.10

[HoeYeungHo]

In my spare time, I tried exporting to other formats (including images, docx, epub, and LaTeX) and found that this issue still exists. All text information modified in CSS cannot be displayed properly. In addition, I also tried the printing option, but it still couldn't be displayed properly.

Typora Version: Typora 1.8.10

[abnerlee]

We may support this in PDF / HTML, but since this approach is not a Github Markdown spec, we may not extend this to other export fomats.