Как получить всех потомков брата?
В CSS нет понятия "текущий элемент". Всё указывается только с помощью селекторов.<div id='main'>div1</div>
<div>div2
    <div>div21</div>
    <div>div22</div>
    <div>div23</div>
</div>#main + div > div { ... }
или так правильнее <div id='main'>div1</div>
<div>div2
    <div>div21</div>
    <div><span>div22</span></div>
    <i>div23</i>
</div>


#main + div  * { ... }