CSS таблица с border-collapse: как мне определить приоритет стиля ячейки для общей границы? (граница справа против границы слева) - PullRequest
0 голосов
/ 11 марта 2020

Я столкнулся с, казалось бы, очень простой c проблемой, но не могу ее решить, поэтому мне нужны чужие идеи.

Вот упрощенная версия проблемы:

<table style="border-collapse: collapse;">
<tr><td style="border-right: 1px solid blue;">1</td><td style="border-left: 1px solid red !important; z-index=99999;">2</td></tr>
</table>

Две ячейки таблицы имеют общую границу, и они хотят по-разному стилизовать цвет.

Кажется, что ячейка слева всегда побеждает.

Как бы Вы делаете ячейку на выигрыше правой стороны?

  • без значительного рестайлинга левой стороны

.

В одной точке Я думал, что решил ее, взломав ширину линий

<table style="border-collapse: collapse;">
<tr><td style="border-right: 1px solid blue;">1</td><td style="border-left: 1.2px solid red">2</td></tr>
</table>

Но если вы увеличиваете и уменьшаете масштаб, линия все равно станет синей при некоторых уровнях масштабирования!

.

О чем я не думаю?

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