Я очень новичок в концепциях html, я пытался читать другие статьи/сообщения, но я до сих пор ничего не понимаю. Мне нужно отформатировать почту шаблона в приложении rails. Шаблон был отправлен моим начальником. Я в настоящее время конвертирую html.erb в html.haml, поэтому синтаксис будет haml.Inline CSS для шаблона MAIL
Поскольку я не являюсь лицом к лицу, меня беспокоит.
Шаблоны имеют много линий, как этот
<td class="headerContent" style="border-collapse: collapse;color: #202020;font-family: Arial;font-size: 34px;font-weight: bold;line-height: 100%;padding: 0;text-align: center;vertical-align: middle;">
и в CSS выше что-то вроде этого
.headerContent {
color: #202020;
font-family: Arial;
font-size: 34px;
font-weight: bold;
line-height: 100%;
padding: 0;
text-align: center;
vertical-align: middle;
}
Почему определение стиля внутри <td ...> определения, так как .headerContent класс уже объявлен в css-блок?
У меня также есть ключевое слово !important, объявленное во многих местах, я читаю статьи о переопределении стиля, это все еще неясно для меня.
Почему все определения стиля не только в одном блоке/файле css? Смешивание html и css вызывает беспокойство