I was simply hired to create interactive emails for a marketing company, which is some advanced material.
I am looking at the templates of guys who have left here, and its CSS has some things that I cannot understand. I am responsible for creating new CSS files and templates, but I have never seen this before. Can someone help me understand what this all means? I am having trouble finding anything about this on the Internet.
For example, some lead with *[class], some lead with *[id], and some do not lead with any of them.
Here is an example.
*[class].h83 {
height:43px !important;
}
*[class].pt50 {
padding-top:50px;
}
*[class].pl30 {
padding-left:30px;
}
*[class].anim_h {
display:none;
}
*[id]#MMGContainer {
width:640px !important;
height:500px !important;
position:relative;
text-align:left;
display:block;
overflow:hidden;
}
*[id]#MMGContainer #hotspot_03_btn.hotspot:after {
top:166px;
padding:0;
display:inline-block;
content: url(images/1/icon-2.png);
}
#mobile-cta, .mobile-only {
display: block !important;
max-height: none !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
}
source
share