时间戳

首页 > 解决方案 > 如何将 CSS 属性单独应用于多个元素

html - 如何将 CSS 属性单独应用于多个元素

问题描述

我想将样式属性应用于分组在 div 中的多个 h3 元素。我不想将该属性应用于 div 本身，而是应用于它的每个元素。我知道我可以为它们中的每一个使用类，但这似乎不太有效，我也不想将该属性应用于 h3 标签，因为我以后可能会以不同的风格使用它。

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>
我想要这样的东西：

h3 {
  display: inline;
}
.menu {
  background-color: red;
}
<div>
  <h3 class="menu">Home</h3>
  <h3 class="menu">About</h3>
  <h3 class="menu">My work</h3>
  <h3 class="menu">Contact me</h3>
  <h3 class="menu">Reviews</h3>
</div>

标签： htmlcss

解决方案

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

您想查找您的 css 选择器https://www.w3schools.com/cssref/css_selectors.asp这是一个参考的好地方

推荐阅读