What the code?!

[markretzloff]

I’m taking apart an HTML email I really like to emulate some of the style there in and I came across this:

[class~=

As seen in this block of code

 @media screen and (max-width: 520px) {
      [class~=container] {padding: 0 10px!important;}

      [class~=header] h1 {font-size: 26px!important;}

      [class~=featured__h3] {padding-top:0!important;}
      [class~=featured],
      [class~=featured] > tbody,
      [class~=featured] > tbody > tr,
      [class~=featured] > tbody > tr > td {width: auto!important; 

What is it and what does it do? I’ve had a hard time googling it (I think due to the special characters).

[markretzloff]

And of course as soon as I post this I find what I’m looking for.

CSS Attribute selector: https://css-tricks.com/attribute-selectors/

Yep. Thanks ye’ old forum.

[Author]

Posts