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

Question

过去半小时我一直在试图查看是否有解决此问题的方法，但我找不到任何答案都没有运气。

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

特定于我的情况：选择类.feature-headline

中找到的所有标题元素

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

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

很想知道这是否可能。

由于

Answer 1

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

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

您列出的内容基本上告诉计算机：使用类.feature-headline向标题1（H1）提供'text-transform'属性，并将其应用于所有其他标题（不论类别）

为了解决这个问题，我能想到的最好的方法是通过SASS，你可以在那里筑巢：

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