css - Multiple Classes not working in Responsive Email HTML -


i have responsive html email working on. code inlined exception of media queries. (i know not work on email clients!) within media queries have 2 classes defined:

@media screen , (max-device-width: 480px), screen , (max-width: 550px) {  img[class="width320"] {  width: 320px !important; }  img[class="autoheight"] { height:auto !important; } } 

when add them html -

<tr>     <td width="700" class="" style="display: block;" border="0">         <img src="welcome_woodbottom.jpg" class="width320 autoheight" height="26" width="700" border="0" alt="" style="display:block;" />     </td> </tr> 

both styles not work. styles work individually, not when together. when inspect code in firebug, classes "width320" , "autoheight" not show in inspector.

what missing? can not use multiple classes in email media queries reason?

i use multiple classes in variety of areas in emails, hoping solution. thank in advance!

when select element on css attribute selector ([attribute="value"]), looks value specified on tag. in case, img "style" attribute value "width320 autoheight". so, img[class="width320 autoheight"] work, because searching value.

since want check element contains class, right way on css selector using .class syntax. this:

@media screen , (max-device-width: 480px), screen , (max-width: 550px) {      img.width320 {          width: 320px !important;     }      img.autoheight {         height:auto !important;     } } 

Comments

Popular posts from this blog

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

C# random value from dictionary and tuple -

algorithm - Testing tetrahedron-triangle intersection -