Using the same property multiple times

Question

Using the same property multiple times

koen-dev opened this issue 6 years ago · 5 comments

I would like to inline the same property multiple times for a e-mail template. Is this possible and if so how?

Example:

.w100p {
    display:inline-block;
    vertical-align:top;
    text-align:left;
    width:100%;
    min-width:285px;
    max-width:100%;
    width:-webkit-calc(230400px - 48000%);
    min-width:-webkit-calc(100%);
    width:calc(230400px - 48000%);
    min-width:calc(100%);
}

Should result in:

<td style="display: inline-block; vertical-align:top; text-align:left; width:100%; width:calc(230400px - 48000%); min-width:285px; min-width:-webkit-calc(100%); min-width:calc(100%); max-width:100%;"></td>

Answer 1 · 2018-04-30T13:25:06.000Z

It should inline the class everywhere it finds it.

Answer 2 · 2018-05-07T17:43:03.000Z

@jonkemp It should but it doesn't. It takes the first value it finds.

Answer 3 · 2018-05-07T17:54:05.000Z

Maybe it is a bug caused by the use of calc. Just guessing here.

Answer 4 · 2018-05-07T17:57:54.000Z

@jonkemp I tested it using font-size.

Answer 5 · 2018-05-07T18:09:38.000Z

@jonkemp Right, so if you have a link and a style tag both with the same styles, the external stylesheet takes precedence even though the inline styles come after it.