将css样式添加到只有它有子项的列表项中

我有一个如下的清单

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

有什么方法可以做到这一点吗？我感谢你的帮助

：CSS中尚不存在父选择器。您可以使用jQuery中的选择器执行所要求的操作

但是，我不认为：after selector是您想要的，因为它不会在li文本之后，而是在整个元素之后

<ul>
 <li>
  <a>Outer Item</a>
   <ul>
    <li>
     <a>Inner Item</a>
    </li>
   </ul>
 </li> <-- :after would place arrow here
</ul>

参见类似于此问题的

<ul>
 <li>
  <a>Outer Item</a>
   <ul>
    <li>
     <a>Inner Item</a>
    </li>
   </ul>
 </li> <-- :after would place arrow here
</ul>

o Outer Item
    o Inner Item
<--

li > a:first-child + ul:before {
   border: 5px solid transparent;
   border-left: 8px solid #522;
   width: 0;
   height: 0;
   content: "";
   display: inline-block;
   transform: rotate(90deg);
   margin-right: 5px;
}