0

入れてみます

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

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

しかし、機能できません。多くのクラスまたはIDが1つのメソッドを共有するにはどうすればよいですか?

4

3 に答える 3

3

CSS では、クラス セレクターには常に接頭辞.s が付きます。複数のセレクターに同じルール セットを適用するには、セレクターをコンマで区切ります。

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

ただし、それを次のように記述することはできません。すべてのセレクターで.class1, class2, class3the を使用する必要があります。で要素を選択し、tagnameまたはで要素を選択するため、最初の例が機能しないのはなぜですか。..class1, class2, class3class = "class1" class2class3

注:異なるタイプの複数のセレクターを使用することもできます。

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

上記の例では、#id1id = "id1" の要素をdiv選択し、すべてのdiv要素を選択します。

于 2012-09-28T11:42:26.607 に答える
2

最初のものを使用する必要がありますが、クラスを次のように識別するために終止符を含めます。

.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
    z-index:999;
}
于 2012-09-28T11:33:25.537 に答える
2

必要な数だけ存在できます。

しかし、あなたの場合wrong syntax、セレクター.にクラスを示し、クラス,を分離する必要があります

最初のセレクター

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

これにより、3 つのクラスすべてにCSS が適用されます。

  • dxdpLoadingPanel_Aqua
  • dxdpLoadingPanel_BlackGlass
  • dxdpLoadingPanel

2 番目のセレクター

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

これにより、dxdpLoadingPanel_Aqua の子である dxdpLoadingPanel_BlackGlass の子であるdxdpLoadingPanelクラスのみに css が適用されます 。

于 2012-09-28T11:41:56.483 に答える