2012-09-28 15 views
0

許多類股1個CSS方法,我嘗試把如何在CSS

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

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

但不能function.How許多class和id每股1點的方法?

+4

你忘了第一個例子中的逗號後面的點。 – Jon

+0

當你添加逗號時,第一個是正確的(正如Jon所建議的)。 – bjedrzejewski

+0

你的第一個人不能工作,因爲你最後2個班級沒有在類名之前的點(。)。第二個僅適用於類「dxdpLoadingPanel」,並且僅當它是dxdpLoadingPanel_BlackGlass和dxdpLoadingPanel_Aqua的子類時 –

回答

3

在CSS中,類選擇器始終以. s爲前綴。用逗號申請同一組的多個選擇規則,獨立的選擇:

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

但是,你不能寫,作爲.class1, class2, class3 - 你必須與每一個選擇使用..class1, class2, class3選擇帶有class = "class1"的元素,並使用標記名稱class2class3,因此爲什麼您的第一個示例不起作用。

注:可以使用不同類型的多個選擇器,以及:

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

在上述示例中,#id1使用id =「ID1」選擇元件和div選擇所有div元素。

2

您應該使用的第一個,但包括句號標識類像這樣:

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

可以有你想要的。

,但在你的情況,你有你的選擇wrong syntax你應該.指示類和,到sepreate類

第一選擇

.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

的孩子