[Selenium] CSS3 选择器
2020-12-13 05:28
标签：style class c tar http a 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。） 元素。 元素。 元素。 元素。 元素。 元素的首字母。 元素的首行。 元素。 元素的内容之前插入内容。 元素的内容之后插入内容。 元素。 元素的每个 元素的每个 元素。 元素的每个 元素。 元素的每个 元素。 元素。 元素。 元素的每个 元素。 元素。 元素（包括文本节点）。 元素的每个元素。 [Selenium] CSS3 选择器,搜素材,soscw.com [Selenium] CSS3 选择器 标签：style class c tar http a 原文地址：http://www.cnblogs.com/MasterMonkInTemple/p/3737280.html
选择器
例子
例子描述
CSS
.class
.intro
选择 class="intro" 的所有元素。
1
#id
#firstname
选择 id="firstname" 的所有元素。
1
*
*
选择所有元素。
2
element
p
选择所有
1
element,element
div,p
选择所有
1
element
element
div p
选择
1
element 选择器" href="http://www.w3school.com.cn/cssref/selector_element_gt.asp">element>element
div>p
选择父元素为
2
element+element
div+p
选择紧接在
2
[attribute]
[target]
选择带有 target 属性所有元素。
2
[attribute=value]
[target=_blank]
选择 target="_blank" 的所有元素。
2
[attribute~=value]
[title~=flower]
选择 title 属性包含单词 "flower" 的所有元素。
2
[attribute|=value]
[lang|=en]
选择 lang 属性值以 "en" 开头的所有元素。
2
:link
a:link
选择所有未被访问的链接。
1
:visited
a:visited
选择所有已被访问的链接。
1
:active
a:active
选择活动链接。
1
:hover
a:hover
选择鼠标指针位于其上的链接。
1
:focus
input:focus
选择获得焦点的 input 元素。
2
:first-letter
p:first-letter
选择每个
1
:first-line
p:first-line
选择每个
1
:first-child
p:first-child
选择属于父元素的第一个子元素的每个
2
:before
p:before
在每个
2
:after
p:after
在每个
2
:lang(language)
p:lang(it)
选择带有以 "it" 开头的 lang 属性值的每个
2
element1~element2
p~ul
选择前面有
元素。
3
[attribute^=value]
a[src^="https"]
选择其 src 属性值以 "https" 开头的每个 元素。
3
[attribute$=value]
a[src$=".pdf"]
选择其 src 属性以 ".pdf" 结尾的所有 元素。
3
[attribute*=value]
a[src*="abc"]
选择其 src 属性中包含 "abc" 子串的每个 元素。
3
:first-of-type
p:first-of-type
选择属于其父元素的首个
3
:last-of-type
p:last-of-type
选择属于其父元素的最后
3
:only-of-type
p:only-of-type
选择属于其父元素唯一的
3
:only-child
p:only-child
选择属于其父元素的唯一子元素的每个
3
:nth-child(n)
p:nth-child(2)
选择属于其父元素的第二个子元素的每个
3
:nth-last-child(n)
p:nth-last-child(2)
同上，从最后一个子元素开始计数。
3
:nth-of-type(n)
p:nth-of-type(2)
选择属于其父元素第二个
3
:nth-last-of-type(n)
p:nth-last-of-type(2)
同上，但是从最后一个子元素开始计数。
3
:last-child
p:last-child
选择属于其父元素最后一个子元素每个
3
:root
:root
选择文档的根元素。
3
:empty
p:empty
选择没有子元素的每个
3
:target
#news:target
选择当前活动的 #news 元素。
3
:enabled
input:enabled
选择每个启用的 元素。
3
:disabled
input:disabled
选择每个禁用的 元素
3
:checked
input:checked
选择每个被选中的 元素。
3
:not(selector)
:not(p)
选择非
3
::selection
::selection
选择被用户选取的元素部分。
3
下一篇：JavaWeb学生成绩管理系统