CSS之选择器建议收藏
大家好，又见面了，我是全栈君
选择器(selector)是CSS中的重要概念，用于对HTML元素的查找和控制。由于Selenium学习需求特对选择器相关知识进行学习和总结，方便以后查阅。
基本选择器
基本选择器是jQuery中最常用的选择器，通过元素id、class和标签名等来查找元素
选择器 | 描述 |
|---|---|
#id | 根据给定的id匹配一个元素 |
.class | 根据给定的类名匹配元素 |
element | 根据给定的元素名匹配元素 |
* | 匹配所有元素 |
selector1,selector2… | 集合元素 |
层次选择器
通过元素之间的层次关系来获取特定元素
选择器 | 描述 |
|---|---|
$(“ancestor descendant”) | 选取ancestor元素里所有descendant元素 |
$(“parent > child”) | 选取parent元素下的child元素 |
$(“prev + next”) | 选取prev后下一个同辈next元素 |
$(“prev ~silblings”) | 选取prev元素后的所有siblings元素 |
过滤选择器
选择器 | 描述 |
|---|---|
:first | 选取第一个元素 |
:last | 选取最后一个元素 |
:header | 选取所有标题元素 |
:animated | 选取当前正在执行动画的所有元素 |
:focus | 选取当前获取焦点的元素 |
:not(selector) | 选取不包含selector选择器的元素 |
:even | 选取索引为偶数的所有元素 |
:odd | 选取索引为奇数的所有选手 |
:gt(index) | 选取索引大于index的元素 |
:lt(index) | 选取索引小于index的元素 |
:eq(indx) | 选取索引等于index的元素 |
选择器 | 描述 |
|---|---|
[attribute] | 选取拥有该属性的元素 |
[attribute=value] | 选取属性值为value的元素 |
[attribute!=value] | 选取属性值不为value的元素 |
[attribute^=value] | 选取属性值以value开始的元素 |
[attribute$=value] | 选取属性值以value结束的元素 |
[attribute*=value] | 选取属性值中包含value的元素 |
[attribute|=value] | 选取属性等于value或以该字符串为前缀的元素 |
[attribute~=value] | 选取属性用空格分割的值中含有value的元素 |
[attribute1][attribute2][…] | 选取索引为奇数的所有选手 |
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120216.html原文链接：https://javaforall.cn