zoukankan      html  css  js  c++  java
  • Selenium系列之--06 CSS SELECTOR选择器的一些写法

    常见符号:

    #表示id
    .表示class
    >表示子元素,层级
    一个空格也表示子元素,但是是所有的后代子元素,相当于xpath中的相对路径

     实例如下:

    //#input 选择id为input的节点
    
    //.Volvo 选择class为Volvo的节点
    
    //div#radio>input 选择id为radio的div下的所有的input节点
    
    //div#radio input 选择id为radio的div下的所有的子孙后代input节点
    
    //div#radio>input:nth-of-type(4) 选择id为radio的div下的第4个input节点
    
    //div#radio>:nth-child(1) 选择id为radio的div下的第1个子节点
    
    //div#radio>input:nth-of-type(4)+label 选择id为radio的div下的第4个input节点之后挨着的label节点
    
    //div#radio>input:nth-of-type(4)~label 选择id为radio的div下的第4个input节点之后的所有label节点
    
    //input.Volvo[name='identity'] 选择class为.Volvo并且name为identity的input节点
    
    //input[name='identity'][type='radio']:nth-of-type(1) 选择name为identity且type为radio的第1个input节点
    
    //input[name^='ident'] 选择以ident开头的name属性的所有input节点
    
    //input[name$='entity'] 选择以'entity'结尾的name属性的所有input节点
    
    //input[name*='enti'] 选择包含'enti'的name属性的所有input节点
    
    //div#radio>*:not(input) 选择id为radio的div的子节点中不为input的所有子节点
    
    //input:not([type=radio]) 选择input节点中type不为radio的所有节点
  • 相关阅读:
    剑指offer(14)链表中倒数第K个节点
    剑指offer(13)调整数组顺序使奇数位于偶数前面
    跨域资源共享CORS
    同源政策
    剑指offer(12)数值的整数次方
    剑指offer(11)二进制中1的个数
    面试金典——交点
    LeetCode——简化路径
    LeetCode——跳跃游戏 I-II
    LeetCode——最大矩形
  • 原文地址:https://www.cnblogs.com/liuyitan/p/9964097.html
Copyright © 2011-2022 走看看