Question

这是我的代码：fiddle

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

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

如果删除：

</label><br/>

由于某种原因，它起作用。我不知道为什么。我有什么想法我做错了吗？感谢

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

Answer 1

为什么不给按钮提供不同的课程，因为它会让您的生活更轻松.. 首先使用简单的选择器..如果这不起作用，那就去别人..

接下来不要使用字体标记。用span替换它，并给它一个具有红色字体的错误类..

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

Answer 2

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

标签元素最多可包含一个输入，按钮，选择， textarea，或keygen后裔。

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

您也不应该使用字体标记，原因就是CSS。

第n个孩子问题：

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

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

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

Answer 3

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/。

CSS Class Nth Child选择器

3 个答案: