我想根据被绑定项目的属性在具有特定 css 样式的表中设置一些行。使用 CSS 我应用了老虎条纹,我想应用的这种新的 css 样式应该是现有条纹的补充。
@foreach (var item in Model) {
<tr @if(item.IsComplete { class="complete"})>
虎纹是通过以下方式实现的:
table tr:nth-child(2n+0) {
background-color: #90b2d3;
color: white;
}
因此,每隔一行应该是带有白色文本的浅蓝色,但是该项目IsComplete
应该添加“完整”css 样式的任何行。
.complete {
font-style: italic;
color: #ccc;
}
这只是为了让它看起来是灰色的和“完整的”。
但是,就我目前的代码而言,我得到了一个parser error
解析器错误消息:遇到没有匹配开始标记的结束标记“tr”。您的开始/结束标签是否正确平衡?
我不明白,<tr>
它存在于我的第一个代码块中,并且@ IsComplete
剃刀语法应该只是有条件地包含一个 css 类。
我知道这种方法确实意味着,如果老虎条纹要为一行着色,并且IsComplete
属性要添加一个 css 类,那么只有其中一个会被使用 - 我希望在弄清楚有什么问题后处理这个问题这里的语法。虽然如果有一种方法可以同时应用这两个类(如果需要的话),那就太棒了。