CSS选择器用于选择你想要的元素的样式的模式。

"CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。

表格部分摘自菜鸟教程:https://www.runoob.com/cssref/css-selectors.html

  选择器 示例 示例说明
1 .class .intro 选择所有class="intro"的元素
2 #id #firstname 选择所有id="firstname"的元素
3 * * 选择所有元素
4 element p 选择所有<p>元素
5 element,element div,p 选择所有<div>元素和<p>元素
6 element element div p 选择<div>元素内的所有<p>元素
7 element>element div>p 选择所有父级是 <div> 元素的 <p> 元素
8 element+element div+p 选择所有紧接着<div>元素之后的<p>元素
9 [attribute] [target] 选择所有带有target属性元素
10 [attribute=value] [target=-blank] 选择所有使用target="-blank"的元素
11 [attribute~=value] [title~=flower] 选择标题属性包含单词"flower"的所有元素
12 [attribute|=language] [lang|=en] 选择 lang 属性以 en 为开头的所有元素
13 :link a:link 选择所有未访问链接
14 :visited a:visited 选择所有访问过的链接
15 :active a:active 选择活动链接
16 :hover a:hover 选择鼠标在链接上面时
17 :focus input:focus 选择具有焦点的输入元素
18 :first-letter p:first-letter 选择每一个<P>元素的第一个字母
19 :first-line p:first-line 选择每一个<P>元素的第一行
20 :first-child p:first-child 指定只有当<p>元素是其父级的第一个子级的样式。
21 :before p:before 在每个<p>元素之前插入内容
22 :after p:after 在每个<p>元素之后插入内容
23 :lang(language) p:lang(it) 选择一个lang属性的起始值="it"的所有<p>元素
24 element1~element2 p~ul 选择p元素之后的每一个ul元素
25 [attribute^=value] a[src^="https"] 选择每一个src属性的值以"https"开头的元素
26 [attribute$=value] a[src$=".pdf"] 选择每一个src属性的值以".pdf"结尾的元素
27 [attribute*=value] a[src*="runoob"] 选择每一个src属性的值包含子字符串"runoob"的元素
28 :first-of-type p:first-of-type 选择每个p元素是其父级的第一个p元素
29 :last-of-type p:last-of-type 选择每个p元素是其父级的最后一个p元素
30 :only-of-type p:only-of-type 选择每个p元素是其父级的唯一p元素
31 :only-child p:only-child 选择每个p元素是其父级的唯一子元素
32 :nth-child(n) p:nth-child(2) 选择每个p元素是其父级的第二个子元素(按个数)
33 :nth-last-child(n) p:nth-last-child(2) 选择每个p元素的是其父级的第二个子元素,从最后一个子项计数
34 :nth-of-type(n) p:nth-of-type(2) 选择每个p元素是其父级的第二个p元素(按类型)
35 :nth-last-of-type(n) p:nth-last-of-type(2) 选择每个p元素的是其父级的第二个p元素,从最后一个子项计数
36 :last-child p:last-child 选择每个p元素是其父级的最后一个子级。
37 :root :root 选择文档的根元素
38 :empty p:empty 选择每个没有任何子级的p元素(包括文本节点)
39 :target #news:target 选择当前活动的#news元素(包含该锚名称的点击的URL)
40 :enabled input:enabled 选择每一个已启用的输入元素
41 :disabled input:disabled 选择每一个禁用的输入元素
42 :checked input:checked 选择每个选中的输入元素
43 :not(selector) :not(p) 选择每个并非p元素的元素
44 ::selection ::selection 匹配元素中被用户选中或处于高亮状态的部分
45 :out-of-range :out-of-range 匹配值在指定区间之外的input元素
46 :in-range :in-range 匹配值在指定区间之内的input元素
47 :read-write :read-write 用于匹配可读及可写的元素
48 :read-only :read-only 用于匹配设置 "readonly"(只读) 属性的元素
49 :optional :optional 用于匹配可选的输入元素
50 :required :required 用于匹配设置了 "required" 属性的元素
51 :valid :valid 用于匹配输入值为合法的元素
52 :invalid :invalid 用于匹配输入值为非法的元素
 以下分别对上述选择器举实例
6.

7.

8.

32.div.form-inline>div:nth-child(5)>input        (nth-child与nth-of-type类似,区别为:nth-child是按个数,nth-of-type是按类型)

34. div.form-inline>div:nth-of-type(5)>input

元素定位之css选择器(1)的更多相关文章

  1. selenium元素定位之css选择器

    在selenium元素定位时会用到css选择器选取元素,虽说xpath在定位元素时能解决大部分问题,但使用css选择器选取元素也是一种不错的选择. css相较与xpath选择元素优点如下: 表达式更加 ...

  2. 元素定位之css选择器(2)

    理论学习地址:https://www.runoob.com/cssref/css-selectors.html 定位思路: 先在单元素范围内选择查找id或name,定位不到的话往上查扩大范围 使用实例 ...

  3. CsQuery获取IDomObject元素的完整CSS选择器

    一.方法说明 通过IDomObject元素,获取完整的CSS选择器,过滤HTML和BODY元素,自动将class.id添加到选择器上,优先添加class,无class再添加id.如: <html ...

  4. python+selenium元素定位之CSS学习02

    参考文档:https://www.runoob.com/cssref/css-selectors.html CSS选择器用于选择你想要的元素的样式的模式. "CSS"列表示在CSS ...

  5. python+selenium元素定位之CSS学习01

    参考文档:https://www.w3school.com.cn/cssref/css_selectors.asp 选择器 例子 例子描述 CSS .class .intro 选择 class=&qu ...

  6. selenium中CSS选择器定位

    selenium元素定位,CSS选择器定位效率会高很多. CSS选择器用于选择你想要的元素的样式的模式.表格摘自“菜鸟教程”,具体用法可去查阅 选择器 示例 示例说明 CSS .class .intr ...

  7. 《手把手教你》系列技巧篇(十九)-java+ selenium自动化测试-元素定位大法之By css下卷(详细教程)

    1.简介 按计划今天宏哥继续讲解css的定位元素的方法.但是今天最后一种宏哥介绍给大家,了解就可以了,因为实际中很少用. 2.常用定位方法(8种) (1)id(2)name(3)class name( ...

  8. Selenium自动化-CSS元素定位

    接下来,开始讲解 CSS元素定位. CSS定位速度快,功能多,但是不能向上查找,比 xpath好用,是本人认为最好用的定位方式   大致用法总结: 具体使用仿上篇博客.http://www.cnblo ...

  9. CSS选择器优先级总结

    CSS三大特性-- 继承. 优先级和层叠. 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式. css选择符分类 首先来看 ...

随机推荐

  1. TestNG(十四) 线程测试

    package com.course.testng.thread; import org.testng.annotations.Test; public class multiThread { @Te ...

  2. 转:int整数除以int整数一定得到的是int整数(易忽视)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/u014053368/article/de ...

  3. SpringBoot起飞系列-配置文件(三)

    一.SpringBoot中的配置文件 说起到配置文件,大家并不陌生,早在springboot之前,我们用ssh,ssm框架开发的时候整天都要接触配置文件,那时候的配置文件基本上都是.propertie ...

  4. WordPress安全防护攻略

    个人近期做了一个WordPress站点,目前处于内测阶段,虽然公网还没部署起来,但是先在这学习整理一下安全防护的问题. 第一:及时更新WordPress 由于33%的互联网都在使用WordPress站 ...

  5. Ubuntu18.04直接安装python3.7或者升级自带的python3.6版本之后导致终端无法打开的解决办法

    安装ptyhon3.7 sudo apt-get update sudo apt-get install python3.7 安装成后的目录在/usr/bin/python3.7,同时将其设置成默认 ...

  6. C#之WPF连接sqllite数据库

    using System; using System.Collections.Generic; using System.Data; using System.Data.SQLite; namespa ...

  7. 玩转 SpringBoot 2 之整合 JWT 上篇

    前言 该文主要带你了解什么是 JWT,以及JWT 定义和先关概念的介绍,并通过简单Demo 带你了解如何使用 SpringBoot 2 整合 JWT. 介绍前在这里我们来探讨一下如何学习一门新的技术, ...

  8. 冒泡排序--JavaScript描述

    相信凡是编程入门的都接触过冒泡排序算法,排序算法在编程中经常用到. 1. code /** * 冒泡排序 * 1.比较的轮数等于总数 - 1 * 2.比较次数等于要比较的个数 - 1 * --比较从第 ...

  9. 1 Processing入门简介

    1 Processing入门简介 1.1 Before you start Processing是一个为开发面向图形的应用(visually oriented application)而生的简单易用的 ...

  10. Spring MVC学习 ( RESTful)

    是一套规则,不同的系统之间(Vue java Python C#  PHP)具体四种不同类型的HTTP 请求分别表示四种基本操作(CRUD) GET :查询(R) POST:添加(C) PUT:修改( ...