html - 使用 css 从递归结构中选择 ul li 列表中的最后一个元素 gg

Question

我想用 css 选择 child 的最后一个 <li>该文本出现gg我只想选择 Last gg <li>请帮忙

ul {
  margin: 0;
  padding: 0;
}
.container ul li + li:nth-last-child(1) li:last-child {
  border: 1px solid red
}

<div class="container">
  <ul class="ng-scope">
    <li>
      <ul>
        <li>a</li>
      </ul>
    </li>

    <li>
      aa
      <ul>
        <li>
          bb
          <ul>
            <li>
              cc
              <ul>
                <li>
                  dd
                  <ul>
                    <li>
                      ee
                      <ul>
                        <li>
                          ff
                          <ul>
                            <li>
                              gg
                            </li>
                          </ul>
                        </li>

                      </ul>
                    </li>

                  </ul>
                </li>

              </ul>
            </li>

          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

Answer 1

试试这个

ul { margin:0; padding:0;}
.gg{

color:red;

}

<div class="container">
    <ul class="ng-scope">
        <li>
            <ul>
				<li>a</li>
            </ul>
        </li>

        <li>
            aa
            <ul>
                <li>
                    bb
                    <ul>
                        <li>
                            cc
                            <ul>
                                <li>
                                    dd
                                    <ul>
                                        <li>
                                            ee
                                            <ul>
                                                <li>
                                                    ff
                                                    <ul>
                                                        <li class="gg">
                                                            gg
                                                        </li>
                                                    </ul>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>