/* Select by element: All input elements */
input {
  margin-top: 5px;
  padding: 3px;
}

/* Select by id: The submit button */
#submit {
  border-radius: 5px;
}

/* Select by class: All elements of class "lorem" */
.lorem {
  font-family: Wingdings;
}

/* Select by attribute: All required inputs */
input[required] {
  background-color: yellow;
}

/* Select using a pseudo-element: Add colon after all labels */
label::after {
  content: ":";
}

/* Select by adjacent element: Inputs immediately after labels */
label + input {
  margin-left: 10px;
}

/* Select by child element: All direct children of body */
body > * {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Select by sibling element: Paragraphs that follow another paragraph */
p + p {
  color: teal; /* change this color if you like */
}

/* Select by descendant element: All descendants of fieldset */
fieldset * {
  text-transform: uppercase;
}