Question

我在解决如何为C＃中连接到ASP.NET的数据库的结果提供样式（字符串）时遇到了问题。我希望我的row["Grens"]字体大小不同于row["Sanctie"]。

我在一个简单的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;
  }

Answer 1

我可以为您提供一些解决方案：

1。使用浏览器t2或inspect element并查看您在运行时间内命名的范围，然后将您的班级名称从View Source更改为名。

2。使用浏览器t2或#div_resultaat_01 .span .t2，看看您的父div将被命名，然后将您的Attribute类重命名为以下内容：{{ 1}}

3。使用t2选择器并将您的span[class*="t2"]班级名称更改为t2，这意味着其班级名称包含nth child的任何范围。

4. 使用.resultaat span:nth-child(odd){ font-size: 30px; color:white; } .resultaat span:nth-child(even){ font-size: 18px; color:white; }选择器选择偶数或奇数范围。例如，您可以像这样编辑您的CSS：

{{1}}

看看哪一个适合你，大多数时候，我自己使用解决方案1 。

Answer 2

如果你看到你的css很好但仍然不能正常工作，你可以将！important添加到你的css属性中（例如：font-size：30px！important;）

如何设置HTML中显示的C＃的字符串结果样式（ASP.NET）

2 个答案: