css - 複数の連鎖セレクターの使用

Question

両方の要素を一度に変更する方法はあると思いますか? などを試しa b + a cてみましたが、何もうまくいかないようでした。

これを入力する最短の方法は何ですか?

#a #b {
    width: 12px;
    height: 12px;
    background: url('xjpg');
    position: absolute;
    margin: 111px 0 0 222px;
}

#a #c {
    width: 12px;
    height: 12px;
    background: url('x.jpg');
    position: absolute;
    margin: 111px 0 0 333px;
}

Answer 1

#a #b, #a #c {
    width: 12px;
    height: 12px;
    background: url('x.jpg');
    position: absolute;
    margin: 111px 0 0 333px;
}

Answer 2

commaでは、一連のルールに対して複数のセレクタを指定できます。

#a #b,  #a #c {
  width: 12px;
  height: 12px;
  background: url('xjpg');
  position: absolute;
  margin: 111px 0 0 222px;
}

Answer 3

#a #b, #a #c {
    width: 12px;
    height: 12px;
    position: absolute;
}
#a #b {
    background: url('xjpg');
    margin: 111px 0 0 222px;
}
#a #c {
    background: url('x.jpg');
    margin: 111px 0 0 333px;
}

また

#a #b, #a #c {
    width: 12px;
    height: 12px;
    position: absolute;
    margin: 111px 0 0 222px;
}
#a #b {
    background: url('xjpg');
}
#a #c {
    background: url('x.jpg');
    margin-left: 333px;
}