<分区>
标签 html css less nested-lists
<分区>
我有一个嵌套列表,想要 less只匹配那些 <li>
具有 <ul>
的行子列表。
例如在下面的列表中我想匹配 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>
我该怎么做?
最佳答案
这在 CSS 或 LESS 中是不可能的,但如果你可以使用 JQuery,那么我会这样做:
$("li"):has("ul,li").addClass('childClass');
希望这对您有所帮助!
关于html - less:如何只匹配那些 <li> 和 <ul> child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26915245/
相关文章:
css - 为相同标签但不同行为命名 CSS 类选择器的最佳实践
twitter-bootstrap - 语义上使用 twitter bootstrap 3 基本导航栏
javascript - 当使用 Skrollr 改变背景位置时,图像是动画的
jquery - 使用 CSS3 如何为不同的视口(viewport)设置多个 `background-image` 的动画
javascript - 如何在此 PHP 页面中用简单的 HTML 选择替换此价格 slider ?选择选项可以传递 2 个值(最低价格和最高价格)吗?