2013-03-16 97 views
0
<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可能不同。CSS selector,next tag

我曾嘗試:

span.a1 ~ span 

但這種選擇不工作。

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

回答

2

沒有辦法使用CSS從a1導航,並獲得timer。您無法向後/向上瀏覽CSS,只能向下/相鄰。您需要使用javascript或從頂部開始,例如.d > span

2

你可以這樣說:

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

還要檢查這個爲+選擇:CSS next element
但是,你不能去了(從span.a1)一級。 您的選擇器必須從相同或較高級別開始。