CSS类的第N个孩子选择器

-1

我不明白我在做什么错。我发现，在这条线：

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

如果删除：

</label><br/>

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

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

来源

2012-09-25 Richard

什么工作.. ???? –

你可能想解释*你正在尝试做什么*。 “不起作用”也不是对发生什么问题的准确描述。 – Patrick

你想做什么？ – karthikr

你为什么不给按钮不同的类，因为它使您的生活更轻松。首先使用简单的选择。如果不工作，然后去其他..

下不使用字体标记..替换，跨度，并给它有红色字体的错误类..

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-25 17:05:54

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

label元素可以包含最多一个输入，按钮，选择， textarea的，或凯基后裔。

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

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

的第n个孩子的问题：

这个伪类匹配自己的仓位子元素的父元素的列表中的基础元素。

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

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

来源

2012-09-25 17:06:06 David

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

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

来源

2012-09-25 17:15:37 kannanrbk

CSS类的第N个孩子选择器

回答

相关问题