css - 如何在 CSS 中多个类共享 1 个 css 方法

Question

我试着放

.dxdpLoadingPanel_Aqua,dxdpLoadingPanel_BlackGlass,dxdpLoadingPanel
{
    z-index:999;
}

和

.dxdpLoadingPanel_Aqua .dxdpLoadingPanel_BlackGlass .dxdpLoadingPanel
{
    z-index:999;
}

但不能运行。多少类或 id 共享 1 个方法？

Answer 1

在 CSS 中，类选择器总是以.s 为前缀。要在多个选择器上应用相同的规则集，请用逗号分隔选择器：

.class1, .class2, .class3 {
    /*Making stuff look pretty*/
}

然而，你不能把它写成.class1, class2, class3——你必须对.每个选择器使用。.class1, class2, class3选择带有class = "class1", 和带有标记名 class2的元素or class3，因此您的第一个示例不起作用。

注意：您也可以使用多个不同类型的选择器：

.class1, #id1, div {
     /*Very fancy*/
}

在上面的示例中，#id1选择 id = "id1" 的元素并div选择所有div元素。

Answer 2

您应该使用第一个，但包括句号来标识类：

.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
    z-index:999;
}

Answer 3

可以有尽可能多的。

但是在您的情况下，您wrong syntax应该在选择器.中指明类并,分隔类

第一个选择器

.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
    z-index:999;
}

这会将 css 应用于所有 3 个类

• dxdpLoadingPanel_Aqua
• dxdpLoadingPanel_BlackGlass
• dxdpLoadingPanel

第二个选择器

.dxdpLoadingPanel_Aqua .dxdpLoadingPanel_BlackGlass .dxdpLoadingPanel
{
    z-index:999;
}

这会将 css 应用于唯一的 dxdpLoadingPanel类，该类是 dxdpLoadingPanel_BlackGlass 的子类，它是 dxdpLoadingPanel_Aqua 的子类