html - 如何选择“最后一个孩子的最后一个孩子”?
问题描述
我正在尝试使用 CSS 选择最后一个 col-xs-12 div 中包含的最后一个元素。问题是元素是动态的,所以它可以是 h2 或 h3 等。
<div class="banner-text-img">
<div class="row">
<div class="col-xs-12">
</div>
<div class="col-xs-12">
</div>
<div class="col-xs-12">
<p>...</p>
<h1>...</h1>
</div>
</div>
</div>
我通过逐个标签选择标签来实现这一点,但这可能不是完美的选择。
.banner-text-img div[class^="col"]:last-child h1, .banner-text-img div[class^="col"]:last-child h2... etc.
解决方案
您可以使用星号*
选择任何元素并用于:last-child
定位最后一个元素。
.col-xs-12 > *:last-child
推荐阅读
- shared-libraries - 共享库:全局文本符号被转换为本地文本类型
- automation - 如何单击赛普拉斯下拉菜单中的所有选项?
- vue.js - Vuex 在执行路由器操作之前等待承诺
- angular - 以角度获取HttpErrorResponse错误
- video - 在处理中播放视频
- java - 执行 Post Methode 时获取响应代码 400(语法错误)
- c# - 如何在 .NET 核心中快速将巨大的文本文件从 Unix 转换为 Windows
- javascript - Chrome 中的 mouseenter/mouseover 事件不起作用
- javascript - 如何正确使用 WOW.JS?
- python - When importing a module in another .py , return of function is different to directly run it?