我需要区分完成/开始日期。因此，我想将datepickerCSS 规则应用于一个文本字段，将其他规则应用于另一个。
<input id="mzti-start-date" type="text" name="start_date" class="datepicker mzti-dp-width mzti-field-height" placeholder="Start date">
<input id="mzti-finish-date" type="text" name="finish_date" class="datepicker mzti-dp-width mzti-field-height" placeholder="End date">
这是我的 CSS 文件：
#mzti-finish-date.datepicker：之前 {
内容： '';
显示：内联块；
左边框：7px 纯透明；
border-right: 7px 实心透明；
边框底部：7px 实心#ccc；
边框底色：rgba(0, 0, 0, 0.2);
位置：绝对；
顶部：-7px；
左：190px；// 我这里做了修改
}
#mzti-finish-date .datepicker:after {
内容： '';
显示：内联块；
左边框：6px 纯透明；
右边框：6px 纯透明；
边框底部：6px 实心#ffffff；
位置：绝对；
顶部：-6px；
左：191px；// 我这里做了修改
}
不幸的是，我无法弄清楚为什么下面的规则mzti-finish-date不适用于完成日期框。