资源推荐:
成都创新互联公司咨询电话:18980820575,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联公司网页制作领域十载,包括办公窗帘等多个行业拥有多年的网站设计经验,选择成都创新互联公司,为企业保驾护航。
社区资源: 自动化测试交流群
通过节点属性查找
.class 选择 class="intro"的所有元素。
#id 选择 id="firstname"的所有元素。
* 选择所有元素。
通过节点关系查找
element element 后代选择器
element>element 子元素选择器
element+element 兄弟姊妹选择器
element1~element2 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" 开头的每个 元素。
[attribute$=value] a[src$=".pdf"] 选择其src 属性以".pdf" 结尾的所有 元素。
[attribute*=value] a[src*="abc"] 选择其src 属性中包含"abc" 子串的每个 元素。
伪类选择器
:link a:link 选择所有链接。
:checked input:checked 选择每个被选中的 元素。
:first-child p:first-child 选择属于父元素的第一个子元素的每个
元素。
:last-child p:last-child 选择属于其父元素最后一个子元素每个
元素。
:first-of-type p:first-of-type 选择属于其父元素的首个
元素的每个
元素。
:last-of-type p:last-of-type 选择属于其父元素的最后
元素的每个
元素。
:only-of-type p:only-of-type 选择属于其父元素唯一的
元素的每个
元素。
:only-child p:only-child 选择属于其父元素的唯一子元素的每个
元素。
:nth-child(n) p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素。
:nth-last-child(n) p:nth-last-child(2) 同上,从最后一个子元素开始计数。
:nth-of-type(n) p:nth-of-type(2) 选择属于其父元素第二个
的每个
元素。
:nth-last-of-type(n) p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。
:input 所有 元素
:text 所有type="text" 的 元素
:password 所有 type="password" 的 元素
:radio 所有type="radio" 的 元素
:checkbox 所有 type="checkbox" 的 元素
:submit 所有type="submit" 的 元素
:reset 所有type="reset" 的 元素
:button 所有type="button" 的 元素
:image 所有type="image" 的 元素
:file 所有type="file" 的 元素