Css 为什么第n个子颜色在markdown++;观众

Css 为什么第n个子颜色在markdown++;观众,css,styles,markdown,background-color,Css,Styles,Markdown,Background Color,我有以下代码: <style>div.versions_table tr td { padding: 0px 20px }</style> <style>div.versions_table tr th { padding: 0px 20px }</style> <style>div.versions_table tr:nth-child(even) {background-color: gray}</st

我有以下代码:

    <style>div.versions_table tr td { padding: 0px 20px }</style>
    <style>div.versions_table tr th { padding: 0px 20px }</style>
    <style>div.versions_table tr:nth-child(even) {background-color: gray}</style>


    <div class="versions_table" >

    | Title | Another|
    |:----------|:------------|
    *aaa*   |   *bbb*
    *bbb*   |   *AAA*
    *bbb*   |   *AAA*
    *bbb*   |   *AAA*
    *bbb*   |   *AAA*
    *lala*   |  <span style="background-color:yellow">*bababa*</span>

    </div>
Which generates the following:
div.versions_table tr td{padding:0px 20px}
div.versions_表tr th{padding:0px 20px}
div.versions_表tr:n子级(偶数){背景色:灰色}
|标题|另一个|
|:----------|:------------|
*aaa*|*bbb*
*bbb*|*AAA*
*bbb*|*AAA*
*bbb*|*AAA*
*bbb*|*AAA*
*拉拉*巴巴巴*
这将生成以下内容:

所以,这让我明白: -类在应用填充时起作用。 -背景色的样式起作用,因为显示的是黄色。 -tr:第n个孩子(甚至)不知怎么地不工作了

但如果我将输出导出为html:

  <style>div.versions_table tr td { padding: 0px 20px }</style>
    <style>div.versions_table tr th { padding: 0px 20px }</style>
    <style>div.versions_table tr:nth-child(even) {background-color: gray}</style>
    <div class="versions_table">
      <table>
        <thead>
          <tr>
            <th style="text-align: left;">Ttitle</th>
            <th style="text-align: left;">Another</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="text-align: left;">
              <em>aaa</em>
            </td>
            <td style="text-align: left;">
              <em>bbb</em>
            </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              <em>bbb</em>
            </td>
            <td style="text-align: left;">
              <em>AAA</em>
            </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              <em>bbb</em>
            </td>
            <td style="text-align: left;">
              <em>AAA</em>
            </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              <em>bbb</em>
            </td>
            <td style="text-align: left;">
              <em>AAA</em>
            </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              <em>bbb</em>
            </td>
            <td style="text-align: left;">
              <em>AAA</em>
            </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              <em>lala</em>
            </td>
            <td style="text-align: left;">
              <span style="background-color:yellow">
                <em>bababa</em>
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
div.versions_table tr td{padding:0px 20px}
div.versions_表tr th{padding:0px 20px}
div.versions_表tr:n子级(偶数){背景色:灰色}
一点儿
另一个
aaa
bbb
bbb
AAA
bbb
AAA
bbb
AAA
bbb
AAA
拉拉
巴巴巴

所以我不知道这是markdown++中的某种bug,还是我遗漏了什么。因为我无法使用这些颜色导出为PDF

如果我将生成的HTML放入,它将按设计工作,因此可能还有其他一些CSS会干扰背景颜色。你能发表一篇文章来说明这个问题吗?很可能浏览者不支持这个CSS选择器。您应该深入研究他们的文档。@MrLister这是一个最小的可复制示例,我在其中复制了problem@nck但您在此处发布的标记与用于生成屏幕截图的标记不同。@MrLister是的,可能是对列表中的某个单词进行了更改,但仅此而已。我刚刚再次测试了它,它根据屏幕截图生成了输出。