1. css选择器概念
2. css相对定位使用场景
3. css语法与实战

css选择器概念：

• css选择器有自己的语法规则和表达式
• css定位通常分为绝对定位和相对定位
• 和xpath一起常用于UI自动化测试中的元素定位

  css相对定位的优点：

  • 可维护性更强
  • 语法更加简洁
  • 解决各种复杂的定位场景

    

    css定位的调试方式： 

    • 进入浏览器的控制台
    • 输入：$（“css表达式”）或者$$(''css表达式")

      

      在查询过程中，如果删除了#，那么就要添加对应的css属性名称，接着就是双引号和单引号的区别，就是字符串内仍然有另一个字符串，如果里面使用了单引号，那么外面需要使用双引号，反则同理。

      css基础语法：

      

      • 在$（这里输入的是   对应表达式，注意：不同属性名的不同表达式！！！）
      • 如果用上述表达式方法，如果对应的字符串有空格的出现，请在$（）内把空格去掉用 .  代替！！！

        css关系定位：

        

        css顺序关系：

        

         ：nth-child（）括号内填的是在同一堆相同的标签里找顺数第几个——是找爸爸的第几个孩子。

        ：nth-of-type（）是找同种类型的第几个。