Html 为列中的特定td标记应用CSS

Html 为列中的特定td标记应用CSS,html,css,Html,Css,在下面的cshtml文件中,我想将CSS样式应用于特定的td标记,其中写入了“想要在这里添加样式”。是否可以使用类来实现它,或者我必须使用id。CSS以内联方式编写时工作良好。在CSS样式表中写入标记的优先顺序是否有错误 .table-module2{ 边缘顶部:30px; } .表-模块2.主表th{ 线高:530px; 空白:nowrap; } .table-module2表tbody tr.sp-NAME 1{ 文本对齐:首字母; 空白:nowrap; } .table-module2表

在下面的cshtml文件中,我想将CSS样式应用于特定的td标记,其中写入了“想要在这里添加样式”。是否可以使用类来实现它,或者我必须使用id。CSS以内联方式编写时工作良好。在CSS样式表中写入标记的优先顺序是否有错误

.table-module2{
边缘顶部:30px;
}
.表-模块2.主表th{
线高:530px;
空白:nowrap;
}
.table-module2表tbody tr.sp-NAME 1{
文本对齐:首字母;
空白:nowrap;
}
.table-module2表tbody tr.sp-NAME 2{
文本对齐:首字母;
}

不
名称1
姓名2
@foreach(Model.TableName中的变量名)
{
@name.TableName
@名称.表格名称2
}
@foreach(Model.name中的var项)
{
@DisplayFor(model=>item.Key)
@foreach(Model.name中的变量名称)
{
if(item.Key==names.Key)
{
@DisplayFor(model=>names.Value)
}
}
@foreach(Model.name中的变量名称)
{
if(item.Value.Contains(names.TableName))
{
●
}
其他的
{
}
}
}
}

是的,可以使用

在中时,请在chrome developer tools中查看您的代码,并查看
元素
。我明白了:所以我编辑了你的
CSS
来匹配它,现在你可以访问你的
sp-name1
&
sn-name2

注意:我还添加了
颜色:红色;
以显示CSS的工作原理。)

.table-module2{
边缘顶部:30px;
}
.表-模块2.主表th{
线高:530px;
空白:nowrap;
}
表2.main-table tbody tr td.sp-name2{
文本对齐:首字母;
空白:nowrap;
}
表2.main-table tbody tr td.sp-name2{
颜色:红色;
文本对齐:首字母;
}

不
名称1
姓名2
@foreach(Model.TableName中的变量名)
{
@name.TableName
@名称.表格名称2
}
@foreach(Model.name中的var项)
{
@DisplayFor(model=>item.Key)
@foreach(Model.name中的变量名称)
{
if(item.Key==names.Key)
{
@DisplayFor(model=>names.Value)
}
}
@foreach(Model.name中的变量名称)
{
if(item.Value.Contains(names.TableName))
{
●
}
其他的
{
}
}
}

您是否尝试过一些更明显的方法,如更改文本颜色或针对所有TDs,以确保CSS在页面上实际工作?谢谢您,先生,“td.sp name”这是我一直缺少的。