html - less:如何只匹配那些 <li> 和 <ul> child

标签 html css less nested-lists

<分区>

我有一个嵌套列表,想要 只匹配那些 <li>具有 <ul> 的行子列表。

例如在下面的列表中我想匹配 cats , deviousdogs , 但不是 playful , destructive , deadly , fastsmart .

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

我该怎么做?

最佳答案

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

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

希望这对您有所帮助!

关于html - less:如何只匹配那些 <li> 和 <ul> child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26915245/

上一篇:javascript - 在 JavaScript/jQuery 中,是否可以在滚动时跟踪页面上多个 HTML 元素的可见性?

下一篇:css - 沿对 Angular 线移动背景渐变

相关文章:

jquery - tabfocus 在选择框上

css - 为相同标签但不同行为命名 CSS 类选择器的最佳实践

twitter-bootstrap - 语义上使用 twitter bootstrap 3 基本导航栏

android - 移动浏览器上的直接语音/语音输入

javascript - 当使用 Skrollr 改变背景位置时,图像是动画的

jquery - 使用 CSS3 如何为不同的视口(viewport)设置多个 `background-image` 的动画

javascript - 如何在此 PHP 页面中用简单的 HTML 选择替换此价格 slider ?选择选项可以传递 2 个值(最低价格和最高价格)吗?

html - 为什么我不能将鼠标悬停在另一个 p 元素上并得到相同的结果?

jquery - fancybox 内容未隐藏

php - 嵌套的 html 元素显示意外的样式