CSS Universal Selector Combinator пропускает стиль тега таблицы (1-й потомок) в div ⇐ Html

[Anonymous]

У меня есть таблица (в элементе div с идентификатором), и я хочу применить к ней стиль (чтобы свернуть ее границы), используя универсальный комбинатор селектора CSS (*) и все потомки элемента div (чтобы изолировать стиль CSS только для этой таблицы в элементе div). Вот фрагмент HTML-кода:

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

1
2
3


a
b
c

Вот фрагмент кода CSS:

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

div#table1 * {
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid black;
padding: 3px;
text-align: center;
}

th {
font-weight: bold;
background-color: #E6E6E6;
}
}

Все, кроме тега таблицы, будут стилизованы (т. е. границы таблицы не сворачиваются).
Если я применяю только стиль таблицы индивидуально, все работает нормально:

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

div#table1 table {
border-collapse: collapse;

}
div#table1 * {
td,
th {
border: 1px solid black;
padding: 3px;
text-align: center;
}

th {
font-weight: bold;
background-color: #E6E6E6;
}
}

Я не понимаю, почему стиль не работает с тегом таблицы, если он является частью универсального комбинатора селекторов CSS. Есть ли способ заставить его работать без индивидуального оформления таблицы?


Подробнее здесь: https://stackoverflow.com/questions/798 ... ndant-in-a