less:如何仅匹配那些<li>与<ul>孩子</ul> </li>

时间:2014-11-13 17:52:57

标签: html css less nested-lists

我有一个嵌套列表,希望仅匹配那些包含<li>个子列表的<ul>行。

例如,在以下列表中,我想匹配catsdeviousdogs,而不是playfuldestructivedeadlyfastsmart

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

我该怎么做?

1 个答案:

答案 0 :(得分:0)

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

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

希望这有帮助!