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 &＃61; &＃39;wd&＃39;]").send_keys(u"博客园")

# driver.find_element_by_css_selector("[autocomplete &＃61; &＃39;off&＃39;]").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 逻辑运算&＃xff0c;多条件组合定位-----没有定位到&＃xff0c;不知道原因"""

# driver.find_element_by_css_selector("[type&＃61;&＃39;text&＃39;][name&＃61;&＃39;wd&＃39;]").send_keys(u"博客园")

css其他定位方式

定位输入框

一&＃xff1a;单一属性定位

1&＃xff1a;type selector

driver.find_element_by_css_selector(&＃39;input&＃39;)

2&＃xff1a;其他属性定位

driver.find_element_by_css_selector(&＃39;[name&＃61;&＃39;wd&＃39;]&＃39;)

driver.find_element_by_css_selector("[type&＃61;&＃39;text&＃39;]")

二&＃xff1a;组合属性定位

1&＃xff1a;id组合属性定位

driver.find_element_by_css_selector("input#kw")

2&＃xff1a;class组合属性定位

driver.find_element_by_css_selector("input.s_ipt")

3&＃xff1a;其他属性组合定位

driver.find_element_by_css_selector("input[name&＃61;&＃39;wd&＃39;]")

4&＃xff1a;仅有属性名&＃xff0c;没有值也可以

driver.find_element_by_css_selector("input[name]")

5&＃xff1a;两个其他属性组合定位

driver.find_element_by_css_selector("[name&＃61;&＃39;wd&＃39;][autocomplete&＃61;&＃39;off&＃39;]")

6&＃xff1a;模糊匹配属性值方法

以百度首页点击按钮为例

2&＃xff1a;E:nth-child(n)  如上图,

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

#实测&＃xff0c;这个定位不到&＃xff0c;但是方法是对的&＃xff0c;- -

3&＃xff1a;E:nth-last-child(n)&＃xff0c;如字面意思&＃xff1a;倒数第几个标签

4&＃xff1a;E:first-child,第一个标签

5&＃xff1a;E:last-child,最后一个标签

6&＃xff1a;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&＃xff0c;XPath&＃xff0c;tag name&＃xff0c;link text&＃xff0c;partial link text&＃xff0c;class name&＃xff0c;css&＃xff0c;name定位元素

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

CSS元素定位

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

随机推荐

Devexpress Gantt 应用

甘特图属于甘特系列浏览次数(也称为时间或时间轴图表).此视图显示横条沿时间轴.每个条形代表一个单独的事件的开始和结束的值, 因此,这些图是用来跟踪各种活动的时间范围内(例如计划,利用各种资源,审查该项 ...

iOS10 UI教程视图和子视图的可见性

iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围) ...

js实现快速排序(in-place)简述

快速排序,又称划分交换排序.以分治法为策略实现的快速排序算法. 本文主要要谈的是利用Javascript实现in-place思想的快速排序 分治法: 在计算机科学中,分治法是建基于多项分支递归的一种很 ...

SMTP邮件发送命令

第一步,远程登录smtp服务器 在命令行窗口输入 telnet smtp.163.com 25 然后回车第二步,用户登录 输入 helo 163.com 回车,这是向服务器表明你的用户身份250 OK ...

更改nginx网站根目录

默认网站根目录为/usr/local/nginx/html,要将它改成/homw/www vi /usr/local/nginx/conf/nginx.conf 将其中的           loca ...

ThinkPHP3.2 实现Mysql数据库备份

【转】CSS3 Box-sizing

box-sizing是CSS3的box属性之一.一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性.那么C ...

oracle for update和for update nowait的区别 - 转

1.for update 和 for update nowait 的区别: 首先一点,如果只是select 的话,Oracle是不会加任何锁的,也就是Oracle对 select 读到的数据不会有任何 ...