inline-css
inline-css copied to clipboard
Support :before and content settings?
I know thats way more complex but is it possible to also support the following:
div.info::before {
content: 'Info';
background-color: #66dd66;
}
So :before is not supported, meaning it is not inlined when using inline-css?
Yes my html before looks like:
...</p>
<div class="info">My text.</div>
<p>...
And after:
...</p>
<div class="info" style="background-color: #99ff99; border: 2px solid #66dd66; margin: 5px 0; padding: 30px 10px 6px 10px;">
<p style="margin-bottom: 0 !important; margin-top: 0 !important;">My text.</p>
</div>
<p>...
The added styles comes from
div.info,{
padding: 30px 10px 6px 10px;
margin: 5px 0;
background-color: #99ff99;
border: 2px solid #66dd66;
}
Maybe I have to change the html beforehand and add the heading using replacements as separate html elements which will be styled normally.
Related to #31.