CSS в гнездование и: is () загадка селектора ⇐ CSS

[Anonymous]

сегодня я наткнулся на странное явление. Следующий код работает, как и ожидалось - < /p>

Код: Выделить всё

table
{
background-color: var(--bg-accent);
border: solid var(--bg-accent-border);
border-width: 1px 0px 0px 1px;
border-collapse: collapse;
margin: 2rem auto 2rem auto;
& th { font-weight: bold; }
& :is(th, td) {
padding: 1rem;
text-align: start;
vertical-align: top;
border: solid var(--bg-accent-border);
border-width: 0px 1px 1px 0px;
word-wrap: break-word;
}
}
< /code>
-но если я удалю линию & th {font-weight: bold; } 

, Следующие инструкции для &: is (th, td) являются не . Почему это?

Подробнее здесь: https://stackoverflow.com/questions/794 ... or-mystery