Html 选择特定类中的元素列表：CSS

在过去的半个小时里，我一直在用谷歌搜索，想看看这个问题是否有解决办法，但我没有找到任何答案

查询：是否可以选择css并将其应用于特定类中的元素列表

特定于我的情况：选择类中找到的所有标题元素。功能标题

.feature-headline h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
}

当我尝试上面的代码时，它会导致css选择每个标题元素，而不仅仅是类中的元素

我很想知道这是否可能

---

谢谢

不幸的是，在CSS中，如果您希望将样式条件应用于所有归类为“功能标题”的HTML标题，那么正确的方法是：

.feature-headline h1, .feature-headline h2, .feature-headline h3, .feature-headline h4, .feature-headline h5, .feature-headline h6 {
text-transform: uppercase;
}

您列出的内容基本上告诉计算机：为class.feature headline的header 1（H1）提供“text transform”属性，并将其应用于所有其他header（不考虑类）

我能想到的解决此问题的最佳方法是通过SASS，您可以在其中嵌套：

.feature-headline {
  h1,h2,h3,h4,h5, h6 {
    text-transform: uppercase;
  }
}

---

不幸的是，在CSS中，如果您希望将样式条件应用于所有归类为“功能标题”的HTML标题，那么正确的方法是：

.feature-headline h1, .feature-headline h2, .feature-headline h3, .feature-headline h4, .feature-headline h5, .feature-headline h6 {
text-transform: uppercase;
}

您列出的内容基本上告诉计算机：为class.feature headline的header 1（H1）提供“text transform”属性，并将其应用于所有其他header（不考虑类）

我能想到的解决此问题的最佳方法是通过SASS，您可以在其中嵌套：

.feature-headline {
  h1,h2,h3,h4,h5, h6 {
    text-transform: uppercase;
  }
}

---

LESS也非常感谢你澄清了这一点。@Mephiztopheles说得对！LESS是CSS的一个很好的替代品，tooLESS也能够非常感谢您澄清这一点。@Mephiztopheles这是正确的！LESS也是CSS的一个很好的替代品