2017-04-22 34 views
1

我有一個問題搞清楚如何給樣式結果(字符串)的C#數據庫連接到ASP.NET 。我希望我的row["Grens"]具有不同的字體大小,例如row["Sanctie"]如何樣式從HTML顯示的C#中的字符串結果(ASP.NET)

我在一個簡單的div顯示結果:

<div id="resultaat" runat="server"></div> 

我試圖做的是(這不起作用)

public string ToonGrenzenPerZoekwoord(string zoekwoord) 
    { 
     string list =""; 

     foreach (DataTable table in _persistcode.SearchGrenzenByKeyword("%" + zoekwoord + "%").Tables) 
     { 
      foreach (DataRow row in table.Rows) 
      { 
       list += "<span class='t1'>" + row["Grens"].ToString() + ": "+"</span>" + "<span class='t2'>"+row["Sanctie"].ToString() + "<br>" + "Dit hoort thuis in de categorie: " + row["IDCategorieën"].ToString() + "</span>"; 
      } 
     } 

     return list; 
    } 

CSS看起來是這樣的此刻:

.t1{ 
     font-size: 30px; 
     color:white; 
    } 

    .t2{ 
     font-size: 18px; 
     color:white; 
    } 
+1

嘗試檢查元素,看看你的跨度!將在運行時命名,然後將您的類名從t2更改爲該名稱。而已。 – Nofuzy

+0

@Stranger你的意思是系統可以將類名改成'$ program_ $ module_t1'這樣的東西嗎?但是即時創建的跨度不會像這樣改變其類名,所以這不是問題。 –

+0

@MrLister只是給它一個測試。如果類名改變了,那麼你應該改變你的類名,如果沒有,你是對的,也許問題是在另一個位置! – Nofuzy

回答

0

我可以告訴你一些解決方案:

使用瀏覽器inspect elementView Source,看看你的跨度會在運行時被命名,然後從t2改變你的類名這個名字。

2.使用瀏覽器inspect elementView Source,看看你的父母DIV將被命名那麼你t2類重命名爲這樣的事情:#div_resultaat_01 .span .t2

使用Attribute選擇器,改變你的t2類名到span[class*="t2"]這意味着其類名包含的任何跨度t2

4.使用nth child選擇器選擇偶數或奇數跨度。例如,你可以編輯你的CSS是這樣的:

.resultaat span:nth-child(odd){ 
      font-size: 30px; 
      color:white; 
     } 
.resultaat span:nth-child(even){ 
      font-size: 18px; 
      color:white; 
     } 

,看看哪一個會爲你工作,大部分的時間,我自己用的溶液1

0

如果你看到你的CSS是好的,但仍然沒有工作,你可以添加重要的是你的CSS屬性(如:字體大小:30像素重要;!)

相關問題