selenium web自动化测试---css定位高级语法

o微暖o

于 2020-10-24 19:26:25 发布

阅读量291

点赞数 1

分类专栏： selenium web自动化文章标签： 1024程序员节

本文链接：https://blog.csdn.net/qq_19982677/article/details/109261810

版权

本文介绍了css元素定位在自动化测试中的优势，如简洁明了的语言和前端开发的广泛使用。强调了定位元素时寻找唯一属性的重要性，如id、name、css和xpath。还详细讲解了css选择器，包括id、class、标签、属性、分组选择器以及各种伪类的用法，例如nth-child(n)等。

摘要由CSDN通过智能技术生成

css元素定位优势

css配合HTML使用，匹配HTML元素节点
语言简洁明了
前端开发基本使用css

css元素定位的重要事项

找到定位元素的唯一属性，优先级是id,name,css,xpath
如果没有唯一属性，就找有唯一属性的父节点、子节点或者相邻元素节点
如果属性是随机的，不能使用

css选择器介绍

id选择器，以“#”定义
class选择器，以“.”定义
标签选择器
属性选择器
分组选择器
组合选择符

伪类

nth-child(n) 匹配属于其父元素的第 N 个子元素（常用）
nth-last-child(n)，匹配倒数第几个元素
nth-of-type(n)，第 N 个指定类型的标签

参考代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css选择器高级</title>
    <style>

    /*id选择器，#定义*/
    #abc{
    color:red;
    }


    /*class选择器，.定义*/
    .flower{
    color:yellow;
    }


    /*标签选择器,可以选中同类型的HTML标签元素*/
    /*标签选择器可以跟class选择器一同使用*/

最低0.47元/天解锁文章

o微暖o

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
selenium web自动化测试---css定位高级语法

目录css元素定位优势css元素定位的重要事项css选择器介绍css元素定位优势css配合HTML使用，匹配HTML元素节点语言简洁明了前端开发基本使用csscss元素定位的重要事项找到定位元素的唯一属性，优先级是id,name,css,xpath 如果没有唯一属性，就找有唯一属性的父节点、子节点或者相邻元素节点如果属性是随机的，不能使用css选择器介绍id选择器，以“#”定义 class选择器，以“.”定义标签选择器属性选择器分组选...
复制链接

扫一扫

专栏目录