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
Post a Comment