Question

我有一个表格的视图，我试图将document.addEventListener("click", function(e){ if(e.target.tagName === 'BUTTON'){ button = e.target; eval('display'+button.id+'()');//call display559VIDEO4()} });中的每个文本设置为特定颜色。我正在使用Bootstrap，但我没有看到我在Site.css中所做的更改反映在视图中。

查看（html）

td

CSS

<div class="row">
<div class="col-lg-12">
    @using (Html.BeginForm("Index", "Home", FormMethod.Post, new {id = "frmNumber", @class = "form-group"}))
    {
        <button class="btn btn-lg btn-success" id="btnGetNumbers" title="Get Numbers"></button>
        <div class="row">
            <div class="col-lg-12">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>1st Number</th>
                        <th>2nd Number</th>
                        <th>3rd Number</th>
                        <th>4th Numer</th>
                        <th>5th Number</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        @if (null != Model)
                        {
                            <td class="firstNumber">@Model.Numbers[0]</td>
                            <td class="secondNumber">@Model.Numbers[1]</td>
                            <td class="thirdNumber">@Model.Numbers[2]</td>
                            <td class="fourthNumber">@Model.Numbers[3]</td>
                            <td class="fifthNumber">@Model.Numbers[4]</td>
                        }
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    }
</div>    
</div>

Answer 1

我无法从此处确定，但我认为您已经忽略了在 Bootstrap之后需要加载CSS 这一事实CSS。

Answer 2

从我检查过，你的代码在JSFiddle上工作正常。也许为了更好地诊断覆盖CSS的内容，可以使用Web检查器检查规则。从那里，您将能够适当地更改/重新排列CSS样式表。

Answer 3

逻辑上，您应该将自定义CSS放在引导程序CSS之后，以便自定义覆盖任何引导程序样式（至少它通常对我自己的工作方式），或者，您可以以杂乱的方式执行（！重要，不要。）

所以它是

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="custom.css">

为什么td文本颜色不会改变

3 个答案: