3

div 标签有一个小问题，因为它没有选择我为它准备的 CSS。

当我检查 Firefox 和 Chrome 中的元素时，我注意到了。我看到一个具有 div 标签的 html 元素，它正确地应用了 CSS。然后我再看另一个，虽然 html 代码几乎相同，但它没有应用 CSS。

这是一个有效的带有 div 标签的 html 代码：

<tr>
        <td class="style1">
            <label><div ID="Login">Login:</label>
        </td>
        <td>
            <input class="login" id="loginpassword" type="text" name="username"     
maxlength="75">
            </div>
        </td>
    </tr>

这是登录密码 ID 的 CSS：

#loginpassword {width:150px;}

这是我的第二个 html 代码片段（没有应用 CSS 的那个）：

<tr>
        <td class="style1">
            <label><div ID="Password">Password:</label>
        </td>
        <td>
            <input class="login" id="loginpassword2" type="password" name="password" 
maxlength="75">
            </div>
        </td>
    </tr>

这是 loginpassword2 ID 的 CSS：

#loginpassword2 {width:150px;}

所以它们几乎 100% 相同，但 loginpassword2 的 ID 没有应用 CSS，而 loginpassword 应用的是 CSS。奇怪的。我不明白为什么一个有效而另一个无效。

对此有任何线索吗？如果您需要更多信息，请告诉我。

提前感谢您的回复。

4

4 回答 4

4

对于初学者：

<td class="style1">
    <label><div ID="Login">Login:</label>
</td>
<td>
    <input class="login" id="loginpassword" type="text" name="username" maxlength="75">
    </div>

那是非常糟糕的 HTML。您不能<div>在 a 中打开标签<td>并在另一个 中关闭它<td>。

考虑验证您的 HTML：http: //validator.w3.org/#validate_by_input+with_options

不仅如此，您还login为他们两个都使用了该类，那么为什么不利用它，因为您将它们的样式设置为相同呢？

.login {width:150px;}

这将影响login该类的所有元素。

延伸阅读：

CSS ID 和类

有效的 HTML

于 2013-04-25T04:43:01.393 回答
0

您可以更改您的 html 布局，例如

HTML

<table>
<tr>
<td class="style1">
<label id="lbllogin" runat="server">Login:</label>
</td>
<td>
<input class="login" id="loginpassword" type="text" name="username"     
maxlength="75" />
</td>
</tr>
</table>
<br>
<table>
<tr>
<td class="style1">
<label id="lblpwd" runat="server">Password:</label>
</td>
<td>
<input class="login" id="loginpassword2" type="password" name="password" 
maxlength="75" />
</td>
</tr>
</table>

CSS

#loginpassword {宽度：150px;}

#loginpassword2 {宽度：150px;}

希望对你有效。

于 2013-04-25T04:54:48.107 回答
0

将 css 应用于类级别而不是 id。

于 2013-04-25T04:44:06.480 回答
-1

做一件事。只需从两个输入标签中删除 class="login"

于 2013-04-25T04:42:15.323 回答