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個孩子選擇器

回答

相關問題