應用CSS樣式的div

跨越我有類似下面應用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樣式？

來源

2013-07-05 jestges

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

來源

2013-07-05 05:18:38

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

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

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

嘗試這個

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

Demo

來源

2013-07-05 05:18:51

這裏是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; 
    }

來源

2013-07-05 05:31:07

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

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

應用CSS樣式的div

回答

相關問題