css中的2类样式声明不起作用

Question

我想使用CSS来设置两个不同的输入,但在我的CSS文件中只使用两个类的一个声明.这是我试过的

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语句不起作用？

Answer 1

.data_start .data_end表示元素.data_end 内的.data_start元素.

.data_start, .data_end意味着它适用于.data_start和.data_end元素.