selenium——css元素定位

学习css元素定位的笔记

1、根据元素特征定位

  1）class定位：当class有多个值时，多个claas值之间用点连接 : .class值1.class值2.class值3

  2）id定位：#id值

  3）根据其他属性（标签可以去掉或者*代替）：[属性="属性值"] ——如：[data-index="0"]

       属性没有属性值时，也可以[]定位：[属性]

  4）根据多个属性组合定位：[属性1="属性值1"][属性2="属性值2"]

2、根据元素层级关系定位

  1）后代关系（有跨代）：先元素 空格 后代元素

           ————如：.nav-list.J_navMainList.clearfix li 定位到祖先元素下面所有的li元素（祖元素和后代元素之间有空格）

  2）父子关系：

        父元素 > 第一个子元素

           ————如：.nav-list.J_navMainList.clearfix>li 仅是定位到父元素下的子元素

       父元素>指定子元素

          ————如：.nav-list.J_navMainList.clearfix>li:nth-child(n) # 定位到第n个子元素，n是从1开始

          ————如：.nav-list.J_navMainList.clearfix>*.nav-item.nav-item-active  定位到属性值是nav-item nav-item-active的子元素 （注意可以去掉标签或用*代替）

          ————如：.nav-list.J_navMainList.clearfix>.nav-item.nav-item-active

     父元素>倒数第几个子元素（适用用于子元素个数不定）

         ————如：.nav-list.J_navMainList.clearfix>li:nth-last-child(n) # 总是定位到倒数第n个元素

  3）同级关系：

       A：哥哥定位弟弟：哥哥+弟弟——如：. nav-category+li(定位到第一个li) . nav-category+li+li(定位到第二个li)

       B：哥哥定位弟弟们：哥哥~弟弟们——如：. nav-category~li 定位到所有的li

 

小知识点：冻结弹框页面的操作：

在控制台console中输入：setTimeout(function(){debugger},4000);  -》 回车-》快速操作使弹框出现后再用小箭头进行定位，如果弹框上有hide需要隐藏