在css中有多少类共享一个css方法

在css中有多少类共享一个css方法,css,Css,我试着放 .dxdpLoadingPanel_Aqua,dxdpLoadingPanel_BlackGlass,dxdpLoadingPanel { z-index:999; } 及 但无法运行。有多少个类或id共享1个方法?您应该使用第一个,但应包括句号,以便识别该类: .dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel { z-index:999; } 你想要多少就有多少 但在您的

我试着放

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


但无法运行。有多少个类或id共享1个方法?

您应该使用第一个,但应包括句号,以便识别该类:

.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
    z-index:999;
}
你想要多少就有多少

但在您的情况下,选择器中有错误的语法,您应该这样做。指示类,并重新创建类

第一选择器

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

dxdpLoadingPanel_Aqua dxdpLoadingPanel_黑玻璃 dXDP加载面板 第二选择器


这将把css应用于唯一的dxdpLoadingPanel类,该类是dxdpLoadingPanel_BlackGlass的子类,该子类是dxdpLoadingPanel_Aqua的子类。在css中,类选择器总是以.s作为前缀。要在多个选择器上应用同一组规则,请用逗号分隔选择器:

.class1, .class2, .class3 {
    /*Making stuff look pretty*/
}
但是,您不能将其写成.class1、class2、class3,您必须使用。每一个选择器。class1、class2、class3选择class=class1的元素,以及标记名为class2或class3的元素,因此第一个示例不起作用

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

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

在上面的示例中,id1选择id=id1的元素,div选择所有div元素。

在第一个示例中,您忘记了逗号后的点。当您按照Jon的建议添加逗号时,第一个是正确的。您的第一个无法工作,因为最后两个类没有点。在类名之前。第二个仅适用于类dxdpLoadingPanel,并且仅当它是dxdpLoadingPanel_BlackGlass和dxdpLoadingPanel_Aqua的子级时
.dxdpLoadingPanel_Aqua .dxdpLoadingPanel_BlackGlass .dxdpLoadingPanel
{
    z-index:999;
}
.class1, .class2, .class3 {
    /*Making stuff look pretty*/
}
.class1, #id1, div {
     /*Very fancy*/
}