xpath定位總結：
//：表示相對路徑
* ：標籤名任意
/..：表示找上級
/ ：表示找下級
@：標籤屬性定位
()：text的值
1.使用class= 進行定位，下句意為class名字等於"el-menu-item is-active"的元素
//*[text()='部門管理']/../../ul/li[@class="el-menu-item is-active"]
2.使用contains()定位，下句意為：class名字中包含"el-menu-item is-active"的元素
//*[text()='部門管理']/../../ul/li[contains(@class,"el-menu-item is-active")]
3.使用標籤進行定位，下句意為li標籤下的第二個子標籤（注意：下標定位從1開始，不是從0開始）
//*[text()='部門管理']/../..//li[2]
二、css定位也是通過層級巢狀進行的定位
1.ul>li.el-submenu:nth-child(6)>.el-submenu__title
可理解為ul標籤下的li標籤，並且該li標籤class="el-submenu"，這裡找到class="el-submenu"的li標籤有12個，我們要定位的「使用者管理」在第六個，所以後面加:nth-child(6)，意思就是找第六個孩子，「>」表示找下級，「.」表示當前標籤內找class="el-submenu__title"的標籤
2.ul>li.el-submenu:nth-child(6)>.el-menu > li:nth-child(2)
可理解為ul標籤下級li標籤，class=el-submenu的li標籤（共12個），:nth-child(6)表示滿足class=el-submenu的標籤的並且是第6個，>.el-menu表示下一級的標籤中class=el-menu的標籤，>li:nth-child(2)表示在下級標籤中找li標籤的第二個子標籤。
三、其他
補充：svg定位
特殊的元素定位：svg,frame
svg 指可伸縮向量圖形 (scalable vector graphics)
需要xpath裡面的name()方法:*[name()='svg']
常用方法：
XPATH 和 CSS 語法對比
說明article 選取所有article元素的所有子節點 article 選取根元素article article a 選取所有屬於article的子元素的a元素 div 選取所有div子元素 不論出現在文件任何地方 article div 選取所有屬於article元素的後代的div元素，不管它...
xpath和css selector的使用方法
什麼是xpath？xpath是xml的路徑語言，通俗一點講就是通過元素的路徑來查詢到這個標籤元素 1 xpath支援id class name定位功能 id inner1 代表通過屬性定位 class inner name name 2 如果標籤沒有id class name三種屬性，xpath還支...
xpath與css基本使用方法
1 工具firefox50版本以下，安裝外掛程式firebug firepath 2 使用方法 表示式描述 從根節點擊取 從匹配選擇的當前節點擊擇文件中的節點，而不考慮它們的位置 代表獲取全部元素 id i1 代表屬性定位，選擇所有的屬性中且標籤id等於i1的元素 placeholder 請通過id...