规则说明
1. 基础选择器
- 标签选择器:通过标签名来选择元素,如
div
选择所有<div>
标签。 - 类选择器:通过类名来选择元素,如
.class-name
选择所有具有class-name
类的元素。 - ID选择器:通过ID来选择元素,如
#element-id
选择ID为element-id
的元素。 - 其他选择器:如tag.a ,class.title,id.head,text.你好分别选取具有特定标签、类、ID或文本的元素。
2. 数组和元素的选择
- 使用tag.a[0:1:2]格式选择元素数组
- 使用tag.a[0,1,2,3]直接选择特定索引的元素
- 使用!排除特定索引的元素
- 支持div.title[-1:0:-1] 倒序选择元素。 []中第一个是起始索引,第二个是结束索引,第三个是步进值。
如:
a[0]
选择第一个<a>
标签,img.cover[0]
选择第一个具有cover
类的<img>
标签。 如:div.title[2:-1:1]
跳过前两个元素,选择第三个到最后一个的元素。
3. 处理@属性
- 通过@连接属性选择器提取属性内容
如:
a@href
获取<a>
标签的href
属性值。
4. 高级选择器
- 文本选择器
- 组合选择器