Html CSS，为动画定义多个类标记属性

有没有办法为同一类中的“p”和“h1”到“h6”定义相同的属性

例如，我尝试了以下方法：

div.project h1, h3, p {
    opacity: 0;
    transition: 0.8s;   
}
div.project:hover h1, h3, p {
    opacity: 1;
}

希望当我停留在.project类中的任何元素（h1、h3或p）上时，它们的行为都是相同的

但是，只有h1的行为符合定义

---

我不想分别定义不同的（div.project h3）和（div.project p），因为这似乎有点多余。我希望有一种更优雅的方式来解决这个问题。

不，没有一种实用的方式。CSS选择器级别4提供：

div.project:匹配（h1、h3、p）{
…
}

目前支持并不好，但简单的

.project h1、.project h3、.project p

您还可以使用CSS预处理器，例如Sass或：

.project{
h1，h3，p{
…
}
}

您不必为（div.project h3）和（div.project p）定义单独的类，但必须单独定义关系。这：

div.project h1, div.project h3, div.project p {
    opacity: 0;
    transition: 0.8s;   
}
div.project:hover h1, div.project:hover h3, div.project:hover p {
    opacity: 1;
}

---

应该会成功。

ha！我知道我遗漏了一些东西，这是一个很好的答案，但我认为尤里的回答更准确。谢谢