Selenium IDE CSS元素选择器

资源推荐:

视频资源: 软件测试相关系列视频

社区资源: 自动化测试交流群


Css选择器

通过节点属性查找

.class                 选择 class="intro"的所有元素。

#id                     选择 id="firstname"的所有元素。

*                         选择所有元素。

通过节点关系查找

element element             后代选择器

element>element          子元素选择器

element+element          兄弟姊妹选择器

element1~element2       p~ul,选择前面有<p> 元素的每个<ul> 元素。

通过节点属性查找

[attribute]                         [target]   选择带有 target 属性所有元素。

[attribute=value]             [target=_blank]       选择 target="_blank"的所有元素。

[attribute~=value]           [title~=flower]        选择 title 属性包含单词 "flower"的所有元素。

[attribute|=value]           [lang|=en]       选择 lang 属性值以 "en"开头的所有元素。

[attribute^=value]           a[src^="https"]选择其 src 属性值以"https" 开头的每个 <a> 元素。

[attribute$=value]           a[src$=".pdf"] 选择其src 属性以".pdf" 结尾的所有 <a> 元素。

[attribute*=value]           a[src*="abc"] 选择其src 属性中包含"abc" 子串的每个<a> 元素。

伪类选择器

:link                                     a:link                 选择所有链接。

:checked                            input:checked 选择每个被选中的 <input> 元素。

:first-child                         p:first-child      选择属于父元素的第一个子元素的每个 <p> 元素。

:last-child                                   p:last-child      选择属于其父元素最后一个子元素每个<p> 元素。

:first-of-type                    p:first-of-type 选择属于其父元素的首个<p> 元素的每个 <p> 元素。

:last-of-type                     p:last-of-type 选择属于其父元素的最后<p> 元素的每个 <p> 元素。

:only-of-type                    p:only-of-type         选择属于其父元素唯一的<p> 元素的每个 <p> 元素。

:only-child                         p:only-child     选择属于其父元素的唯一子元素的每个 <p> 元素。

:nth-child(n)                      p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。

:nth-last-child(n)              p:nth-last-child(2)   同上,从最后一个子元素开始计数。      

:nth-of-type(n)                 p:nth-of-type(2)      选择属于其父元素第二个<p> 的每个 <p> 元素。

:nth-last-of-type(n)                  p:nth-last-of-type(2)       同上,但是从最后一个子元素开始计数。

 

:input                所有<input> 元素

:text                           所有type="text" 的 <input> 元素

:password        所有 type="password" 的 <input> 元素

:radio                所有type="radio" 的 <input> 元素

:checkbox        所有 type="checkbox" 的 <input> 元素

:submit             所有type="submit" 的 <input> 元素

:reset                所有type="reset" 的 <input> 元素

:button             所有type="button" 的 <input> 元素

:image              所有type="image" 的 <input> 元素

:file                    所有type="file" 的 <input> 元素