2012-09-10 33 views
-1

我想用CSS來設置兩個不同的輸入,但在我的CSS文件中,兩個類只使用一個聲明。以下是我試過在CSS中的2類風格聲明不起作用

HTML:

<input type="text" name="data_start" id="data_start" class="data_start" /> 
<input type="text" name="data_end" id="data_end" class="data_end" /> 

CSS:

.data_start .data_end { width:68px; margin-left:5px; } 

如果我使用上面的代碼,我的投入沒有得到的風格,但如果我做了以下我CSS文件,它將工作:

.data_start { width:68px; margin-left:5px; } 
.data_end { width:68px; margin-left:5px; } 

有人可以解釋爲什麼第一個CSS語句不起作用?

+0

嘗試用'.data_start,.data_end {width:68px; margin-left:5px;}'逗號分隔' – Vishal

+0

.data_ start,.data_end {width:68px; margin-left:5px;} – supersaiyan

回答

7

.data_start .data_end指元件.data_end內部一個.data_start元件。

.data_start, .data_end表示它適用於.data_start.data_end元素。

+0

謝謝,這使得它更加清晰 – Vodaldrien

1

.data_start,.data_end {寬度:68px;保證金左:5px的;} 嗨,

你需要添加 「」

2

因爲你做錯了什麼:

.data_start .data_end {width:68px;margin-left:5px;} 

是說:搜索.data_end.data_start.

.data_start, .data_end {width:68px;margin-left:5px;} 

是說搜索.data_start.data_end,看到逗號,

+0

我認爲你的意思是「'.data_start' **或**'.data_end'」,而不是「和」。 '.data_start.data_end'表示具有'.data_start' **和**'.data_end'的元素。 – verdesmarald

+0

@veredesmarald:正確,編輯。 – Mark

1

你必須單獨有兩種.data_start.data_end {width:68px;margin-left:5px;}用逗號

它應該是這樣的:.data_start, .data_end {width:68px;margin-left:5px;}

0

使用逗號這兩個

分開
.data_start, .data_end {width:68px;margin-left:5px;}