html - How to apply a CSS property to multiple elements individualy

Question

I want to apply a styling property to multiple h3 elements grouped in a div. I don't want to apply the property to the div itself but to each of its elements. I know I can use class for each of them but that does not seem too efficient, also I don't want to apply the property to the h3 tag because I will probably use it later with a different style.

h3 {
  display: inline;
}
.menu {
  background-color: red;
}

<div class="menu">
  <h3>Home</h3>
  <h3>About</h3>
  <h3>My work</h3>
  <h3>Contact me</h3>
  <h3>Reviews</h3>
</div>

question from:https://stackoverflow.com/questions/65602956/how-to-apply-a-css-property-to-multiple-elements-individualy

Answer 1

<style>.menu > h3{
background-color: red;
}
</style>

you want to look up your css selectors https://www.w3schools.com/cssref/css_selectors.asp this is a good place to go for reference