CSS selector，next tag

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> 

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

我曾尝试：

span.a1 ~ span 

但这种选择不工作。

你可以试一下：http://jsfiddle.net/cSQcT/

Answer 1

没有办法使用CSS从a1导航，并获得timer。您无法向后/向上浏览CSS，只能向下/相邻。您需要使用javascript或从顶部开始，例如.d > span。

Answer 2

你可以这样说：

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

还要检查这个为+选择：CSS next element
但是，你不能去了（从span.a1）一级。 您的选择器必须从相同或较高级别开始。