少：如何仅将那些 <li> 与 <ul> 孩子匹配 [重复]答案

【问题标题】：less: how to match only those <li> with <ul> children [duplicate]少：如何仅将那些 <li> 与 <ul> 孩子匹配 [重复]
【发布时间】：2015-01-10 23:22:37
【问题描述】：

我有一个嵌套列表，并希望 less 仅匹配具有 <ul> 子列表的 <li> 行。

例如在下面的列表中，我想匹配cats、devious 和dogs，但不匹配playful、destructive、deadly、fast 和smart。

<ul>
<li>cats
  <ul>
  <li>playful</li>
  <li>devious
    <ul>
    <li>destructive</li>
    <li>deadly</li>
    </ul>
  </li>
  </ul>
</li>
<li>dogs
  <ul>
  <li>fast</li>
  <li>smart</li>
  </ul>
</li>
</ul>

我该怎么做？

【问题讨论】：

标签： less html css less nested-lists

【解决方案1】：

这在 CSS 或 LESS 中是不可能的，但如果你可以使用 JQuery，那么我会这样做：

$("li"):has("ul,li").addClass('childClass');

希望这会有所帮助！

【讨论】：