我想使用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语句不起作用吗?
答案 0 :(得分:7)
.data_start .data_end
表示1}元素内的元素.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;}