CSS选择器,下一个标签

时间:2013-03-16 13:28:55

标签: css css-selectors

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

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

我试过了:

span.a1 ~ span

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

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

2 个答案:

答案 0 :(得分:2)

使用CSS无法从a1导航并转到timer。您无法向下/向后导航CSS向下/向上。您需要使用javascript或从上到下开始,如.d > span

答案 1 :(得分:2)

你可以这样做:

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

同时检查+选择器:CSS next element
但是,你不能上升一级(来自span.a1)。 您的选择器必须从相同或更高级别开始。