css定位方式

CSS表达式 匹配元素说明 xpath
* 匹配任何元素 //*
div 标签 //div
div#eleID by ID //div[@id=‘eleID‘]
 div.class  by class  //div[contains(@class,"class")]

div[title=AB]

div[title ^=A]

div[title $=A]


by 属性

=AB

以A开头

以A结尾


//div[@title = "AB"]

//div[@title ^= "A"]

//div[@title $= "A"]


div #id > *

div #id > h1

子元素 
//div[@id="id"] /*

//div[@id="id"] /h1


div h1

 定位后代元素  //div//h1
li : hth(5) by index   //li[6]
 a:contains("abc") by content   //a[contains(.,"abc")]

li{a:contains("abc")}

ul{a:contaions("abc")}


根据子元素回溯父元素


//li[a[contains(.,"abc")]]

//li[./a[contains(.,"abc")]]

//ul[.//a[contains(.,"abc")]]


css=li:contains("abc")+li

css=ul{a:contains("abc")}~ul

 根据相邻元素定位
//li[preceding-sibling::li[contains(.,"abc")]]

//ul[preceding-sibling::ul[.//a[contains(.,"abc")]]]

 div.a.b  多个类定位  
     
时间: 2024-10-09 18:00:10

css定位方式的相关文章

Xpath 与Css 定位方式的比较

1. 执行速度Css更快 2. 对于文本的处理xpath更强大使用 String locator_Xpath = "//*[contains(text(),'test')]"; 3. 使用祖先元素属性与当前元素属性组合处理时,CSS不需要严格写出层次结构 <div class="111"> <div> <div> <input class = "222"/> </div> </di

selenium css定位方式

原文地址:https://www.cnblogs.com/woniu123/p/8358182.html

Css3之基础-11 Css定位(定位概念 、定位方式)

一.CSS 定位概述 定位概念 - 普通流定位 - 页面中的块级元素框从上到下一个接一个地排列 - 每一个块级元素都会出现在一个新行中 - 内联元素将在一行中从左到右排列水平布置 - 浮动 - 相对定位 - 绝对定位 - 固定定位 定位属性 - position属性: - position: static/relative/absolute/fixed; - 偏移属性:实现元素框位置的偏移 - top/bottom/right/left: value; - 堆叠顺序 - z-index: val

selenium之css定位

实在记不住,烂笔头就记一下吧. 一. 单一属性定位 1:type selector driver.find_element_by_css_selector('input') 2:id 定位 driver.find_element_by_css_selector('#kw') 3:class 定位 driver.find_element_by_css_selector('.s_ipt') 4:其他属性定位 driver.find_element_by_css_selector('[name='wd

CSS的三种定位方式介绍(转载)

在CSS中一共有N种定位方式,其中,static ,relative,absolute三种方式是最基本最常用的三种定位方式.他们的基 本介绍如下. static默认定位方式relative相对定位,相对于原来的位置,但是原来的位置仍然保留absolute定位,相对于最近的非标准刘定位,原来的位置消失,被后边的位置所顶替 下面先演示相对定位的案例 [html] view plain copyprint? <!DOCTYPE html> <html> <head> <

css的三定位方式的区别

css 定位reletive absolute fixed reletive 相对定位:相对于自己的定位,并没有脱离标准文档流: absolute 绝对定位: 相对于距离自己最近的父级元素做定位,(先找父元素,父元素如果没定位,继续向上寻找爷爷辈的元素,依次类推)脱离标准文档流: fixed 固定定位: 相对于可是窗口的定位, 脱离了标准文档流: static 默认的定位方式,相当于没有做定位

定位方式 及CSS高级技巧

定位 Background-position 背景位置 浮动,在一个浮字上面,我们的定位,在一个位上.CSS离不开定位,特别是后面的JS特效,天天和定位打交道. 为什么要使用定位? 元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分. 1.边偏移 边偏移属性 描述 top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom 底部偏移量,定义元素相对于其父元素下边线的距离 left 左侧偏移量,定义元素相对于其父元素左边线的距离 right 右侧偏移量,定义元素相对于其父元素右

第五天-css基础(浮动 网页布局 定位方式,清除定位)

基础知识-css第五天,今天学习了css主要知识浮动,和定位,都是关于网页布局的.这个2块知识用好了,后期做好看的动画,布局就不成问题了. 浮动left 浮动的框可以向左或是向右移动,直到它的边缘碰到包含框或是另个浮动框的边框为止 特点 设置了浮动的元素不占原来的位置(不在标准流) 可以让块级元素在一行显示 浮动可以行内元素为块元素 注意:转化过程尽可能用display转化 属性值 清除浮动 额外标签法 <style> outer{border:1px solid black; width:3

CSS 定位 (Positioning) CSS 外边距合并 CSS 相对定位

CSS 定位 (Positioning) 属性允许你对元素进行定位. CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务. 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置.显然,这个功能非常强大,也很让人吃惊.要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪. 另一方面