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

时间:2012-09-10 07:18:11

标签: css class

我想使用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语句不起作用吗?

5 个答案:

答案 0 :(得分:7)

.data_start .data_end表示.data_end

.data_start表示它适用于.data_start, .data_end.data_start元素。

答案 1 :(得分: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,请参阅逗号

答案 2 :(得分:1)

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

你需要添加“,”

答案 3 :(得分:1)

你必须用逗号

分隔两个.data_start.data_end {width:68px;margin-left:5px;}

它应如下所示:.data_start, .data_end {width:68px;margin-left:5px;}

答案 4 :(得分:0)

使用逗号分隔这两个

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