Question

无法找出在每个列表中选择第一个<li>和最后一个ul li ul li etc...的方法。列表可以永远存在，所以选择这样不是解决方案：

A[0] = "0"
A[1] = "1"
...
A[9] = "9"
A[10] = "A"
A[11] = "B"
...
A[35] = "Z"

For i = 0 to 35:
  For j = 0 to 35:
    For k = 0 to 35:
      For l = 0 to 35:
        println(A[i] + A[j] + A[k] + A[l]);
      Next l
    Next k
  Next j
Next i

任何人都知道该如何降低？此处的示例：http://jsfiddle.net/y03La7kw/8/

Answer 1

分配默认颜色（如果尚未分配）并覆盖每个无序列表的第一个子项。

ul li {
  color: black;
}

ul>li:first-child {
  color: red;
}

<ul>
  <li>a
    <ul>
      <li>a
        <ul>
          <li>a</li>
          <li>a</li>
          <li>a</li>
        </ul>
      </li>
      <li>a</li>
    </ul>
  </li>
  <li>a</li>
</ul>

Answer 2

正在工作的小提琴是here

您只需要使用：first-child和：last-child伪选择器。并且不要忘记为其他li提供默认样式，

ul li:last-child,
ul li:first-child {
  color: red;
}

ul li {
  color: black;
}

Answer 3

您的CSS很好用。

您的示例出现的问题是<ul>中的<li>采用了其父字体的fontcolor。我在您的示例中添加了一些内容，以便您可以看到它的工作原理 http://jsfiddle.net/y03La7kw/8/

Answer 4

Sub Background_color2()

    dim n as long

    With Sheets("14").Range("A479:FI945")
        For n = 0 To 14515 Step 934       '934 rows interval between 2  separate sections
            .Offset(n, 0).Interior.Color = RGB(235, 241, 222)
        Next n
    End With

End Sub

ul > li:last-child > a{
 color:blue;
}
ul > li:first-child > a{
 color:red;
}

您的问题是您的“子项目”。它们在<ul> <li><a href="">a</a> <ul> <li><a href="">a</a> <ul> <li><a href="">a</a></li> <li><a href="">a</a></li> </ul> </li> <li><a href="">a</a></li> </ul> </li> <li><a href="">a</a></li> </ul>内部，因此，“第一个” li内部的所有内容均为红色。您需要做的是将li或<a>添加到您的<span>内容中。

Answer 5

您可以使用以下概念创建列表的n个

ul > li:first-child{
  color: red;
}
ul > li:last-child{
  color: green;
}
ul > li > ul > li:last-child{
 color: pink;
}
ul > li > ul > li:first-child{
 color: yellow;
}
ul > li > ul > li > ul > li:last-child{
 color: orange;
}
ul > li > ul > li > ul > li:first-child{
 color: #999;
}

<ul>
  <li>a
      <ul>
        <li>a
            <ul>
              <li>a</li>
              <li>a</li>
            </ul>
        </li>
        <li>a</li>
      </ul>
  </li>
  <li>a</li>
</ul>

嵌套列表中的第一个子选择器

5 个答案: