Как правильно вложить свойства таблицы с помощью SASS? - PullRequest
0 голосов
/ 21 октября 2018

Этот фрагмент кода SASS работает:

.tableauQuestions
{
    width: 100%; 
    background-color: black;
}

.tableauQuestions td
{
    background-color: $coulCellTabQuestions;
    width: 33%;
    color: $coulTxtTabQuestion;
}

Но этот код не дает форматирования для свойства table.

.tableauQuestions
{
   table // also tried: body
   {
        width: 100%; 
        background-color: black;
    }

    td
    {
        background-color: $coulCellTabQuestions;
        width: 33%;
        color: $coulTxtTabQuestion;
    }
}

Что я делаю неправильно и каким должен быть правильный вложенный код ?

РЕДАКТИРОВАНИЕ: HTML-код настолько прост, насколько может быть:

<table class="tableauQuestions">
    <tr>
        <td>Bon         
        <td>Excellent
        <td>Moyen
    </tr>
</table>

1 Ответ

0 голосов
/ 21 октября 2018

Право вложенности должно быть следующим:

.tableauQuestions {
  width: 100%; 
  background-color: black;

  td {
    background-color: $coulCellTabQuestions;
    width: 33%;
    color: $coulTxtTabQuestion;
  }
}

О вложении

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...