Почему цвет nth-child не работает в программе просмотра markdown ++? - PullRequest
0 голосов
/ 20 февраля 2020

У меня есть следующий код:

    <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:

example

Итак, это заставляет меня понять, что: - Классы работают, так как применяется дополнение , - Стили работы с цветом фона, потому что отображается желтый. - tr: nth-child (even) как-то не работает

Но если я экспортирую вывод в 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>

Так что я не знаю, если это какой-то ошибка в markdown ++ или это то, что мне не хватает. Потому что я не могу экспортировать в PDF, используя эти цвета

...