2つのタグに対して1つのCSSルールを設定するにはどうすればよいですか？

Question

2つの異なるクラスに対して1つの設定をどのように設定できるかを知りたいと思います。両方の規則が同じコンテンツを有する

.footer #one .flag li .drop_down form div{ 
    width: 80px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-align: left; 
    line-height: 1.5; 
    color: #ccc; 
    font-weight:bolder; 
    margin-left: 30px; 
} 
.footer #two .flag li .drop_down form div{ 
    width: 80px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-align: left; 
    line-height: 1.5; 
    color: #ccc; 
    font-weight:bolder; 
    margin-left: 30px; 
} 

：例を与えるために

。違いは2番目のタグだけです。このようなことをする方法はありますか？カンマで

.footer >>>#one and #two<<<< .flag li .drop_down form div{ 
     width: 80px; 
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 11px; 
     text-align: left; 
     line-height: 1.5; 
     color: #ccc; 
     font-weight:bolder; 
     margin-left: 30px; 
    } 

Answer 1

独立セレクタ：selectors level 3 specから

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div { 
    /* Rules */ 
} 

：セレクタのカンマ区切りリストは、個々のそれぞれによって選択されたすべての要素の和集合を表す

リスト内のセレクタを選択します。 （コンマはU + 002Cです）たとえば、複数のセレクタが同じ宣言を共有するCSSでは、コンマで区切られたリストにまとめられます。カンマの前および/または後に空白が表示されることがあります。あなたは,（カンマ）を使用してCSSで

Answer 2

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div{ 
    ... 
} 

Answer 3

、残念ながらこれは全体のセレクタではなく、それだけのセクションにあります。

本当にクリーナーにしたい場合は、form div'sにそれぞれ一意のIDを付けてから#form1, #form2とすることができます。

「Shorten the comma separated CSS selectors」に詳細情報があります。例えば

：

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div { 
    width: 80px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-align: left; 
    line-height: 1.5; 
    color: #ccc; 
    font-weight:bolder; 
    margin-left: 30px; 
} 

カンマで区切って

Answer 4

：

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div 
{ 
shared css 
} 

.footer #one .flag li .drop_down form div 
{ 
indvi css for one 
} 

.footer #two .flag li .drop_down form div 
{ 
indvi css for two 
} 

Answer 5

ではなく、個別のCSSルールのカンマを使用します。

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div { 
    width: 80px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-align: left; 
    line-height: 1.5; 
    color: #ccc; 
    font-weight:bolder; 
    margin-left: 30px; 
} 

Answer 6

他の人が答えを言うようにあなたの質問は：

.footer #one .flag li .drop_down form div, 
.footer #two .flag li .drop_down form div { 
    /* Rules */ 
} 

しかし、idがあなたのページにユニークなことになっているので、あなたのコードは次のように簡略化することができます

#one .flag li .drop_down form div, 
#two .flag li .drop_down form div { 
    /* Rules */ 
}