辰迅工具箱
资讯
管理
首页
/
开发工具
/
CSS选择器测试
CSS选择器测试
输入HTML代码和CSS选择器，高亮匹配到的元素，显示匹配数量，支持各种CSS选择器
开发工具
3 次使用
热门工具
CSS选择器测试
CSS选择器测试
HTML代码
<div class="container"> <h1 id="title">标题</h1> <p class="text intro">段落一</p> <p class="text">段落二</p> <ul class="list"> <li class="item active">项目1</li> <li class="item">项目2</li> <li class="item">项目3</li> </ul> <a href="#" data-type="link">链接</a> <input type="text" name="username" /></div>
CSS选择器
测试选择器
清除高亮
快速选择器示例：
.text
#title
li:first-child
li:nth-child(2)
.item.active
a[href]
input[type=text]
p:last-child
div > p
:not(.intro)
渲染预览：
同分类工具
在线计算器
UUID生成器
进制转换器
IP地址查询
Cron 表达式生成器
正则表达式测试器
工具分类
编码转换
格式转换
开发工具
计算工具
文本工具
图片工具
快捷链接
访问资讯
管理后台