从带有css的递归结构中选择ul li列表中的元素gg的最后一个

Question

我想用css选择文本显示为gg的子<li>的最后一个 我只想选择Last gg <li>请帮助

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个

＆＃13;

＆＃13;

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

color:red;

}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;