资源推荐:
创新互联是一家专注于网站制作、成都网站制作与策划设计,五通桥网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:五通桥等地区。五通桥做网站价格咨询:18982081108视频资源: 软件测试相关系列视频社区资源: 自动化测试交流群
Css选择器通过节点属性查找
.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" 的 元素