css - CSS 选择器，下一个标签

Question

<td>
<div class="m"><span class="a1">1 Puolimas</span></div>
<div class="d">po <span id="timer1">2:25:10</span></div>
</td>

如果我不能使用 (span[id=timer1]) 因为 id 可能不同，如何使用 css 选择器选择“2:25:10”。

我试过了：

span.a1 ~ span

但是这个选择器不起作用。

你可以在这里试试：http: //jsfiddle.net/cSQcT/

Answer 1

无法使用 CSS 导航a1和到达timer. 您不能仅使用向下/相邻的 CSS 向后/向上导航。您需要使用 javascript 或像.d > span.

Answer 2

你可以这样做：

 .m + .d > span { color: blue; }

还要检查 + 选择器：CSS 下一个元素
但是，您不能上一层（从 span.a1 开始）。您的选择器必须从同一级别或更高级别开始。