css页面元素,页面元素定位-CSS元素基本定位

基本定位

"""属性定位 一 """

# #通过id

# driver.find_element_by_css_selector("#kw").send_keys(u"博客园")

# #通过class

# driver.find_element_by_css_selector(".s_ipt").send_keys(u"博客园")

#通过标签 数量过多的情况下需要增加标签过滤

# driver.find_element_by_css_selector("span>input:nth-child(2)").send_keys(u"博客园")

# #其他属性

# driver.find_element_by_css_selector("[name = 'wd']").send_keys(u"博客园")

# driver.find_element_by_css_selector("[autocomplete = 'off']").send_keys(u"博客园")

"""CSS 组合定位 二"""

"""父子关系的书写模式form.fm>span"""

# driver.find_element_by_css_selector("form.fm>span>input.s_ipt").send_keys(u"博客园")

# driver.find_element_by_css_selector("form.fm>span>input#kw").send_keys(u"博客园")

"""定位list 取某一个"""

# print driver.find_element_by_css_selector(".mnav:nth-child(1)").text

# driver.find_element_by_css_selector(".mnav:nth-child(1)").click()

"""CSS 逻辑运算，多条件组合定位-----没有定位到，不知道原因"""

# driver.find_element_by_css_selector("[type='text'][name='wd']").send_keys(u"博客园")

css其他定位方式

定位输入框

一：单一属性定位

1：type selector

driver.find_element_by_css_selector('input')

2：其他属性定位

driver.find_element_by_css_selector('[name='wd']')

driver.find_element_by_css_selector("[type='text']")

二：组合属性定位

1：id组合属性定位

driver.find_element_by_css_selector("input#kw")

2：class组合属性定位

driver.find_element_by_css_selector("input.s_ipt")

3：其他属性组合定位

driver.find_element_by_css_selector("input[name='wd']")

4：仅有属性名，没有值也可以

driver.find_element_by_css_selector("input[name]")

5：两个其他属性组合定位

driver.find_element_by_css_selector("[name='wd'][autocomplete='off']")

6：模糊匹配属性值方法

以百度首页点击按钮为例

1>属性值由多个空格隔开，匹配其中一个值的方法

driver.find_element_by_css_selector("input[class~='btn']")

2>匹配属性值为字符串开头的方法

driver.find_element_by_css_selector("input[class^='btn']")

3>匹配属性值字符串结尾的方法

driver.find_element_by_css_selector("input[class$='s_btn']")

4>匹配被-分割的属性值的方法,如上图的class

driver.find_element_by_css_selector("input[class|='s']")  #要求精确填写的属性值

三：层级定位

1：E>F    E下面的F这个元素

driver.find_element_by_css_selector('from#form>span>input')#id是form的form下面的span下面的input

2：E:nth-child(n)  如上图,

driver.find_element_by_css_selector('#u_sp > a:nth-child(1)')#id为u_sp的下面的第一个a标签。

#实测，这个定位不到，但是方法是对的，- -

3：E:nth-last-child(n)，如字面意思：倒数第几个标签

4：E:first-child,第一个标签

5：E:last-child,最后一个标签

6：E:only-child,唯一的标签

浅析CSS——元素重叠及position定位的z-index顺序

多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题.其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题 ...

css元素position定位和z-index

网页元素定位 1.注意点: 1)给元素设定高度要小心,除非给已知大小的图片设置高度,否则无法得知指定元素在页面上会有多高.此时最好通过padding等来控制高度. 2)对于同一个元素,不要讲float ...

CSS定位:几种类型的position定位的元素

当人们刚接触布局的时候都比较倾向于使用定位的方式.因为定位的概念看起来好像比较容易掌握.表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里.可是定位比你刚看到的时候要稍微复杂一点.对于定位来 ...

[转载]CSS元素的定位position

CSS元素的定位position 属性position   值 描述 absolute                             生成绝对定位的元素,相对于 static 定位以外的第一 ...

(转)浅析CSS——元素重叠及position定位的z-index顺序

多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题.其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题 ...

UI自动化测试(二)浏览器操作及对元素的定位方法(xpath定位和css定位详解)

Selenium下的Webdriver工具支持FireFox(geckodriver). IE(InternetExplorerDriver).Chrome(ChromeDriver). Opera( ...

selenium之元素定位-css

CSS定位方式和XPATH定位方式基本相同,只是CSS定位表达式有其自己的格式.CSS定位方式拥有比XPATH定位速度快,且比XPATH稳定的特性.下面详细介绍CSS定位方式的使用方法 被测网页的HT ...

Python+Selenium 利用ID，XPath，tag name，link text，partial link text，class name，css，name定位元素

使用firefox浏览器,查看页面元素,我们以“百度网页”为示例 一.ID定位元素    利用find_element_by_id()方法来定位网页元素对象 ①.定位百度首页,输入框的元素 ②.编写示 ...

CSS元素定位

使用 CSS 选择器定位元素 CSS可以通过元素的id.class.标签(input)这三个常规属性直接定位到,而这三种编写方式,在HTML中编写style的时候,可以进行标识如: #su       ...

随机推荐

Build 2015 Beijing & Windows 10 China Geek Challenge

6月5日,借着Build 2015在北京召开分会的东风,参加了这次由微软中国举办的Windows 10中国开发者极客挑战赛. 白天是Build 2015课程,学习了Windows 10最新的技术,包括 ...

多网卡 指定网卡到指定IP

route add -net 1.2.3.0/24 gw 网关 route add -host 目标IP dev eth1route add -host 目标IP gw 网关

使用mysql作为hive的元数据库

1.hive下载安装   2.下载mysql安装   3.以root用户进入mysql命令行:mysql -uroot -p(提示输入密码)   4.创建hive的元数据库:create databa ...

Unity模拟龙之谷人物行走简单控制

我个人挺喜欢龙之谷(DN)的人物控制的(不是广告哈....),就是人物太萌了一点,动作.打击感都挺好的. 今天用Unity简单模仿了一下DN的人物控制,当然,游戏里面动作非常多,我这里仅仅做了简单的w ...

Spring第二天

Spring第二天 整体课程安排(3天+2天): 第一天:Spring框架入门.IoC控制反转的配置管理.Spring Web集成.Spring Junit集成. 第二天:Spring AOP面向切面 ...

【Loadrunner】初学Loadrunner——IP欺骗

因为在默认情况下,同一个用户用同一个IP访问运行是不符合实际情况的,而且很多网站会自动屏蔽同个IP多次重复访问.那么就想到了Loadrunner的虚拟IP技术,也就是常说的IP欺骗.在用Loadrun ...

php代码开启缓冲的使用方法

php可以开启缓冲区,就是将内容放到缓冲区,再决定什么时候发送给浏览器. 感谢:http://www.jb51.net/article/38964.htm 解析PHP中ob_start()函数的用法 ...

Python内置函数(48)——__import__

英文文档: __import__(name, globals=None, locals=None, fromlist=(), level=0) This function is invoked by ...

rsync配置安装

rsync安装 1.将rsync包解压,包链接: https://pan.baidu.com/s/1jHPosXC 密码: maay 2.进入rsync安装包运行命令: ./configure --p ...

JVM G1GC参数配置

https://www.oracle.com/technetwork/articles/java/g1gc-1984535.html         主要这两个参数需要设置下,ParallelGCTh ...