元素选择器工具
点击魔法棒,页面上就会打开元素选择器工具,然后你将鼠标移动到页面上,选择你需要的元素. 移动鼠标到元素上时会有一个红色的选择框,对元素进行点击时就会选中当前元素. 这时元素选择器工具上就有生成 CSS 选择,点击确认按钮会把生成的 CSS 选择器提交到程序中去.
视频演示
怎么选择单个元素?
点击"列表"图标,让它变成黑色,这时就是单选模式,单选模式下会生成唯一的 CSS 选择器路径
怎么选择多个元素
点击"列表"图标,让它变成蓝色,这时就是列表模式(多选模式). 此模式下选择元素时程序会自动查找相似的元素,程序会根据多个元素生成唯一或多个 CSS 选择器路径.
提示
按住Ctrl + 点击元素,可以移除或添加元素.
怎么限制范围
设置父节点之后,你只能在当前父节点下去选择子元素.生成的相对于父节点的 CSS 选择器路径