高级定位css。高级定位xpath

[2022514841_5139]

一，css选择器概念

二， css定位场景

三，css相对定位

• 3.1 css相对定位的优点

   绝对定位就是通过右键-复制-复制selector，层级关系明确，前端页面如果有变化，就找不到元素了。
  

  

• 3.2 css定位的调试方法

   三要素：$符号，小括号，字符串
  

  

• 3.3 css基础语法

  
  
  
  

  • 使用class属性值的时候，若属性值是由多个单词组成，并且中间有空格，要注意用法

    

• 3.4 css关系定位

  后两种父子和后代重点掌握
  

  

  3.4.1 并集

  

  3.4.2 父子

  • 通过爸爸来定位孩子。大于号前后的两个元素必须挨着，可以写多个大于号，要寻找的是最右边的那个元素
    
    

3.4.3 后代

• 跟父子相比，更推荐使用后代关系来定位。因为父子比较依赖父亲，如果父亲元素信息变更，就找不到元素了。

• .两个元素不必挨着

  
  

• 3.5 css顺序定位

  • 页面中有多个孩子，所有的孩子命名都一样，这时候该怎么办？

    
    

xpath的基本概念

xpath定位场景

xpath相对定位的优点

xpath定位的调试方法

xpath语法

… 通过子元素定位父元素

xpath顺序关系（索引）

xpath高级用法

• 根据文本信息定位，[text()=’文本信息’] 属于精准匹配

  

• contains 模糊匹配