Css variable in Email Template

Question

I am making an email template and facing many issue in css. Is it a good idea to use css variable in email.

For example

:root {
  --main-bg-color: pink;
 }

 td {
  background-color: var(--main-bg-color);
 }

Is it going to break in some condition ? Should I avoid css variable in email template ?

Thank you

Answer 1

It is better not to use css variables in email messages. Css variables are not supported in many web browsers.

For e-mail clients, it's even worse.

what I know, only a few modern email clients can handle css variables.