-1

这是我的代码：小提琴

我不明白我做错了什么。我发现在这一行：

<label>City<font color="red">*</font>: <input type="text" name="city" id="city" /></label><br/>

如果您删除：

</label><br/>

出于某种原因，它有效。我不知道为什么。任何想法我做错了什么？谢谢

编辑：抱歉忘了提到什么有效。我希望第一个和第二个提交按钮的样式不同。因此，对于第二个表单上的提交按钮，我使用了 nth-child 选择器，但由于某种原因，它没有对第二个提交按钮应用正确的样式更改。就像我说的，如果你出于某种原因移除上面的部分，它会起作用。

4

3 回答 3

0

你为什么不给按钮不同的类，因为它让你的生活更轻松..首先使用简单的选择器..如果这不起作用，那么去其他人..

接下来不要使用字体标签..用跨度替换它并给它一个带有红色字体的错误类..

input[type="submit"]
{
    padding:4px 7px;
    background:#CC0000;
    border:0px;
    position:relative;
    top:0px;
    border-bottom: 1px double #660000;
    border-top: 1px double #660000;
    border-left:1px double #FF0033;
    border-right:1px double #FF0033;
}

.button1
{
    margin:0 0 10px 0;
    color: #FFF;
    left:0px;
    width:100px;
}

.button2
{
    margin:0 0 5px 0;
    color: #00F;
    left:50px;
    width:150px;

}

.error
{
    color: red;
}

我将所有通用属性放在一个类中。然后按钮 1 和按钮 2 将具有按钮的特定属性。这使您的代码更清晰，因为您的文档中没有任何重复的样式。​检查这个FIDDLE

于 2012-09-25T17:05:54.407 回答
0

你做错了很多事情，但重要的是：

label 元素最多可以包含一个 input、button、select、textarea 或 keygen 后代。

您有一个包含两个输入（名字 + 姓氏）的标签。

你也不应该使用字体标签，有 CSS 是有原因的。

第n个孩子的问题：

这个伪类根据元素在父元素的子元素列表中的位置来匹配元素。

参考：http ://reference.sitepoint.com/css/pseudoclass-nthchild

使用不同的类或 ID，最简单的方法。

于 2012-09-25T17:06:06.833 回答
0

CSS 代码：div.box .button:nth-of-type(2)

没有元素 div.box .button:nth-of-type(2) 它是div.box .button:nth-of-type(1). 如需更多参考，请访问以下链接 http://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/。

于 2012-09-25T17:15:37.787 回答