What does the css string mean: * [class] .testClass {}?

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; 
}
+4
source share
2

.

*[class].h83, :

  • * - , .
  • [class] - , class.
  • .h83 - "h83".

, , , "h83".

, . *[class].h83 - , :

.h83 { height:43px !important;}

? , , * , . -, , .h83, h83, ( , ).

* . , .

.class id .class, *[id|class] , # . .

+5

All Articles