Question

我有一个名为tablecellmembers.css的css文件（并且还没有在.aspx文件中链接？），其中包含：

td {
    border-collapse: collapse;
    border-top: thick;
    border-top-width: 5px;
    border-top-color: blue;
}

然后我在.cs文件中动态创建了一个表，表行和表格单元。

TableCell tc = new TableCell();

如何将css文件应用于我的表格单元格？

我试过了：

tc.CssClass = "td";
tc.Attributes.Add("tablecellmembers", "td");

但是css没有应用于细胞..

Answer 1

在 aspx 或主页的head部分，添加

<link rel="stylesheet" type="text/css" href="tablecellmembers.css">

您无需在代码中使用td样式，因为此样式将应用于所有表格单元格（HTML td元素）。

Answer 2

将link标记添加到ASPX页面的<head>（如果您使用的话，则为母版页），如下所示：

<link rel="stylesheet" type="text/css" href="tablecellmembers.css">

您不需要使用CssClass或添加任何属性，因为td是一个元素而不是一个类。我建议您阅读CSS选择器以澄清这一点。

简而言之，对于以下元素：

<td id="someID" class="someclass">...</td>

可以在CSS中使用以下内容来引用它：

td { ... }适用于所有<td>元素
#someID { ... }仅适用于ID为“someID”的元素
.someclass { ... }适用于所有带有“someclass”类的元素（td或其他）

Answer 3

您必须在aspx page head tag中包含css文件的引用（如果您没有使用母版页），就像这样

<link href="your css file name" rel="stylesheet" type="text/css" />

或者，如果您使用的是继承自content page的{{1}}，请在母版页上包含上述文件参考。

Answer 4

使用td作为样式名称是不好的做法，因为它很容易混淆td元素。要在.NET中添加样式表，您可以这样做：

    var styleSheet = new HtmlLink();
    styleSheet.Attributes.Add("rel","stylesheet");
    styleSheet.Attributes.Add("href", "tablecellmembers.css");
    Page.Header.Controls.Add(styleSheet);

Answer 5

您需要先将css文件链接到呈现的aspx页面：

<link rel="stylesheet" type="text/css" href="tablecellmembers.css">

完成此操作后，样式应在浏览器中呈现时自动应用于表格单元格，您不需要使用属性，因为 td 选择器已将样式链接到渲染的html中的表格单元格。希望有所帮助。

如何链接和应用外部css文件

5 个答案: