-1

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

4

5 回答 5

7

.data_start .data_end表示元素.data_end 中的.data_start元素。

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

于 2012-09-10T07:20:15.120 回答
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，看逗号，

于 2012-09-10T07:20:51.553 回答
1

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

您需要添加“，”

于 2012-09-10T07:20:41.737 回答
1

你必须用逗号分隔两个.data_startAND.data_end {width:68px;margin-left:5px;}

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

于 2012-09-10T07:21:22.110 回答
0

使用逗号分隔这两个

.data_start, .data_end {width:68px;margin-left:5px;}
于 2012-09-10T07:22:00.567 回答