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

<分区>

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

最佳答案

.data_start .data_end 表示 .data_end inside .data_start 元素。

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

关于css - css 中的 2 类样式声明不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12346921/