html - TD 上的 CSS 不起作用。HTM:Struts2 主题 = 简单

Question

为什么我的 CSS 不起作用？

<!--Struts2 log-in-->
<form id="login" name="login" action="/springtest/login.action" method="POST">  

    <tr>

        <td>
            UserName:<input type="text" name="userName" maxlength="20" value="" id="login_userName"/>
        </td>

        <td class="errorMessage">
            Username must not be blanks. 
        </td>
    <br>
    </tr>

    <tr>

        <td>
            PassWord:<input type="password" name="password" maxlength="20" id="login_password"/>
        </td>

        <td class="errorMessage">
            Password must not be blanks. 
        <td>
            <br>
    </tr>
    <tr> 
        <td>
            <input type="submit" id="login_0" value="Login"/>

        </td>
    </tr>
</form>

我的 CSS 用于类 errorMessage 是这样的。任何线索如何调试这个？我尝试了firedebug，但我只是对它很陌生......我还检查了这个网站的答案，也许有重叠？但是你怎么知道呢？

.errorMessage {
color: red;
font-size: 0.8em;
} 

Answer 1

如果你使你的 HTML 有效（你没有<table>标签，一个<td>没有关闭，<br />出现在它不应该出现的地方等）它将起作用 -演示

<!--Struts2 log-in-->
<form id="login" name="login" action="/springtest/login.action" method="POST">  
    <table>
    <tr>
        <td>
            UserName: <input type="text" name="userName" maxlength="20" value="" id="login_userName "/>
        </td>
        <td class="errorMessage">
            Username must not be blanks. 
        </td>
    </tr>

    <tr>
        <td>
            PassWord: <input type="password" name="password" maxlength="20" id="login_password"/>
        </td>
        <td class="errorMessage">
            Password must not be blanks.
        </td>
    </tr>
    <tr> 
        <td colspan="2">
            <input type="submit" id="login_0" value="Login"/>
        </td>
    </tr>
    </table>
</form>