如何设置元素的先前同级样式？

Question

我具有不变的结构：

<div class="panel-title">
  <p>To be coloured</p>
</div>
<div class="collapse in">
    <div class="another">Another div</div>
</div>

仅当段落的父级为.panel-title且同级.panel-title为.collapse.in时，我才想为段落着色。这不起作用：

.collapse.in ~ .panel-title a {
    color: red;
}

谢谢。