2013-07-05 108 views
1

跨越我有類似下面應用CSS樣式的div

<td id="td1"> 
<a href="#"> 
<div> 
1 
<div> 
<span>0</span> 
<span>1</span> 
<span>2</span> 
</div> 
</div> 
<div> </div> 
</a> 
</td> 

<td id="td2"> 
<a href="#"> 
<div> 
2 
<div> 
<span>0</span> 
<span>1</span> 
<span>2</span> 
</div> 
</div> 
<div> </div> 
</a> 
</td> 

現在我想申請樣式跨度下TD1和不TD2表結構。有沒有辦法讓它不?我們如何爲此寫一個CSS樣式?

回答

3

您可以使用選擇這種方式:#td1 span { /* your styles */}

+0

嘿它爲我工作..有任何其他方式來過濾?就像我想只爲> 0值應用樣式。對於span = 0我不想應用任何風格。 – jestges

+0

你是什麼意思?如果跨度包含「1」或更多,你會應用樣式嗎?你應該使用JavaScript。 –

+0

嗯,是的,我只想申請1個或更多。對於0值,我想應用不同的風格。 – jestges

2

嘗試這個

#td1 span{color:green;font-weight:bold;} 

Demo

2

這裏是fiddle link

table tr td span { 
    padding:0 5px; 
    color:#fff; 
    background-color:#117809; 
    } 

或者如果你想讓CSS跨越特定的div,然後按照下面的CSS。 DEMO

#td1 span { 
    padding:0 5px; 
    color:#fff; 
    background-color:#DC0B0B; 
    } 
+0

這裏我也想給出特定範圍的樣式。即我想爲0應用不同的樣式,而其他所有都是相同的 – jestges

+0

這裏是更新的小提琴鏈接http://jsfiddle.net/4YDzX/2/ .red {#}背景色:#DC0B0B; } 0