html - 第一个孩子的概念不适合我？

Question

我正在从日历中选择“日期范围”。我只想要该日历中“开始日期”和“结束日期”的其他样式。我有日历的“选定行”的类名。但我正在尝试第一个孩子和最后一个孩子的概念。我不知道为什么它不起作用。如何在表 td 中为第一个孩子和最后一个孩子添加 css（日历行）？

在添加第一个孩子之前

添加第一个孩子后

标签： htmlcss

Answer 1

first-childlast-child不要那样工作。

<style>
.here:first-child{color:red;}
.there:last-child{color:blue;}
</style>
<ul>
  <li>one
  <li class="here">two
  <li class="there">three
</ul>

您可能希望第二个元素是红色的，但事实并非如此。这是因为带有类的项目here不是第一个孩子（它是第二个）。因为具有类there的元素也是最后一个孩子，所以它将是蓝色的。