Cacher is the code snippet organizer for pro developers

div[class], div[id] {
  outline-width: 1px;
  outline-style: dashed;
}

div[class] {
  outline-color: red;
}

div[id] {
  outline-color: yellow;
}

div[class]:before,
div[id]:before {
  display: block;
  background: black;
  color: white;
  font-weight: bold;
  font-size: 11px;
}

div[class]:before {
  content: "Has Class";
  margin-top: 20px;
}

div[id]:before {
  content: "Has ID";
}