Live
<p class="text">class="text"</p><div class="text">div.text</div><p class="nameText">class="nameText"</p><p class="nameTexxt">class="nameTexxt"</p><p class="desc textarea">class="desc textarea"</p><p class="caSe">class="caSe"</p>
Live
x
p[class*="text" i] { color: hotpink; line-height: 2;}p[class=caSe] { color: gray;}p[class*="caSe" s] { color: red;}p[class=caSe s] { color: yellow;}//https://www.w3.org/TR/selectors-4/#attribute-representation
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.