入れてみます
.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;
}
と
.dxdpLoadingPanel_Aqua .dxdpLoadingPanel_BlackGlass .dxdpLoadingPanel
{
z-index:999;
}
しかし、機能できません。多くのクラスまたはIDが1つのメソッドを共有するにはどうすればよいですか?
CSS では、クラス セレクターには常に接頭辞.
s が付きます。複数のセレクターに同じルール セットを適用するには、セレクターをコンマで区切ります。
.class1, .class2, .class3 {
/*Making stuff look pretty*/
}
ただし、それを次のように記述することはできません。すべてのセレクターで.class1, class2, class3
the を使用する必要があります。で要素を選択し、tagnameまたはで要素を選択するため、最初の例が機能しないのはなぜですか。.
.class1, class2, class3
class = "class1"
class2
class3
注:異なるタイプの複数のセレクターを使用することもできます。
.class1, #id1, div {
/*Very fancy*/
}
上記の例では、#id1
id = "id1" の要素をdiv
選択し、すべてのdiv
要素を選択します。
最初のものを使用する必要がありますが、クラスを次のように識別するために終止符を含めます。
.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
z-index:999;
}
必要な数だけ存在できます。
しかし、あなたの場合wrong syntax
、セレクター.
にクラスを示し、クラス,
を分離する必要があります
最初のセレクター
.dxdpLoadingPanel_Aqua, .dxdpLoadingPanel_BlackGlass, .dxdpLoadingPanel
{
z-index:999;
}
これにより、3 つのクラスすべてにCSS が適用されます。
2 番目のセレクター
.dxdpLoadingPanel_Aqua .dxdpLoadingPanel_BlackGlass .dxdpLoadingPanel
{
z-index:999;
}
これにより、dxdpLoadingPanel_Aqua の子である dxdpLoadingPanel_BlackGlass の子であるdxdpLoadingPanelクラスのみに css が適用されます 。