Selector Combinations

Let’s dig into the details of strategies for targeting HTML elements.

Selecting multiple elements

To select multiple elements, separate the selectors by commas, like so:

/* Selecting multiple HTML element types */
h1, p {
  border: 1px solid black;
}

/* Selecting styles to be applied to several classes */
.ingredientsList, .instructionsList {
  font-size: 1.2em;
}

/* Using multiple kinds of selectors*/
h3, .red, #redElement{
  color: red;
}

Create a free account to access the full course.

By signing up, you agree to Educative's Terms of Service and Privacy Policy