我不明白为什么我在cal-week-5 div中无法选择类“ .adjacent-month”的第一个元素。(在最后一天做一个左边框)
HTML:
<div class=" week cal-week-5">
<div class="day past calendar-day-2015-03-30 calendar-dow-0">30
<div class=" value val-30"></div>
</div>
<div class="day past calendar-day-2015-03-31 calendar-dow-1">31
<div class=" value val-31"></div>
</div>
<div class="day past adjacent-month next-month calendar-day-2015-04-01 calendar-dow-2">1
<div class=" value val-1"></div>
</div>
</div>
两个问题。
.cal-week-5 .day .adjacent-month:first-child .value
1)该单元格同时具有.day
和.adjacent-month
类,因此它将永远无法工作。
.cal-week-5 .day.adjacent-month:first-child .value
2):first-child
唯一适用于父元素的第一个孩子,因此仅当该天是第5周的第一天时才会触发。
有一些选择第一种类型的实验选项。您可以在此处了解更多信息:类的第一个元素的CSS选择器
但是,我建议您修改您的代码以向第一个单元格添加一个新类。这要容易得多,而且跨浏览器更兼容。如果您不关心较旧的浏览器,则可以查看高档的CSS3工具。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句