Introducing Attribute Selectors

DGMD E-20

by haikutear

HTML

<h1 title="warm">Keeping warm in winter</h1>
<ul>
	  <li title="knitted">Scarf</li>
	  <li title="knitted hand">Gloves</li>
	  <li title="hands">Mittens</li>
</ul>

CSS

/* preface the below with HTML tags */
/* [title] {
  color: red;
} */

/* [title="knitted"] {
  color: blue;
} */

/* [title~="knitted"] {
  color: orange;
} */

/* [title*="han"] {
  color: purple;
} */

/* [title$="d"] {
  color: green;
} */

/* [title^="k"] {
  color: yellow;
} */