Переопределить CSS по умолчанию, чтобы сделать прямоугольные полосы
В этом Таблица я бы хотел, чтобы цветные полосы были квадратными, а не закругленными.
Используя Chrome> Inspect Element, я вижу, что если я изменю это:
border-radius: 0px;
padding-right: 4px;
Могу убрать закругление одной из планок.
1) Как определить, что нужно изменить для ВСЕХ полосок?
Я использую Hugo и помещаю переопределения css в макеты> partials> head_custom.html
Спасибо
Вам понадобится !important в вашем файле css, поскольку стили встроены
Ответы 1
Поскольку ваши диапазоны имеют встроенный стиль, вам нужно либо изменить стиль каждого диапазона (поскольку обычные правила CSS не переопределяют встроенный стиль), либо вам нужно будет использовать ужасное правило !important:
td > span {
border-radius: 0 !important;
}
Спасибо. На самом деле я не знал! Important или много CSS. Теперь, когда я перешел на темную сторону, у меня возникла идея, почему все числа совпадают, кроме 70, под Ньюфаундленд и Лабрадор?
Похоже, эта конкретная запись слишком узкая и сдвигает шрифт влево. Если вы попытаетесь немного увеличить его, он снова встанет.
Извините, я не совсем понимаю. Что немного увеличить?
Ширина этого конкретного пролета установлена на 20,41%. Если вы увеличите его как минимум до 28%, он станет достаточно широким, чтобы «70» выстроились должным образом. что-либо меньшее, чем приводит к нарушению выравнивания текста.
Большое спасибо за Вашу помощь.
Чтобы быть очень конкретным, попробуйте:
td > span { border-radius: 0 !important; padding-right: 4px !important; }