selenium之CSS选择器

来源：互联网发布：nfc手机支付软件编辑：程序博客网时间：2024/04/28 14:10

为什么我要学习CSS？

最近在学习Selenium+java，在元素定位的过程中需要使用到css选择器，所以巩固一下CSS的概述以及CSS选择器即可，个人是觉得没有必要对CSS的所有知识进行深入学习的，毕竟在定位过程中，我们只是需要定位器啦，本篇文章只是作为本人的学习记录，如果能够帮助到刚刚学习自动化的同学，倍感荣幸。
学习网站：http://www.w3school.com.cn/

CSS是什么？

css（Cascading Style Sheets）指层叠样式表。是用来定义如何显示HTML元素的，HTML可以看作是人，而CSS可以看作是衣服，衣服可以有很多套，不同的衣服可以穿出不同的感觉，也就是不同的用户体验感。

为什么会出现CSS？

样式是为了解决内容和表现分离的问题，以前的样式是通过html的属性进行设置的，不便于管理和维护，后来为了解决这个问题，万维网联盟（W3C）,肩负起了HTML标准化的使命，并在HTML4.0之外创造出样式（Style）
所有的主流浏览器均支持层叠样式表

CSS的好处？

样式通常是存储在一个名叫样式表的外部文件中，实现了内容和表现的分离，同时极大的提高了工作效率，因为可以通过编辑一个简单的css文档，外部样式表使你有能力改变站点中所有页面的布局和外观。
样式表可以存放的位置？

* 单个HTML元素中* HTML页面的头元素中* 外部的CSS文件中

层叠次序：当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？
据说所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权，也就是1-4的优先权依次递增。

1. 浏览器缺省设置2. 外部样式表3. 内部样式表（位于<head>标签内部）4. 内联样式（在HTML元素内部）

因此，内联样式拥有最高的优先权，这意味着它将优先于一下3,2,1中的样式申明。

什么是CSS选择器？

CSS选择器用于选择需要添加样式的元素。下面的图片取自W3School：http://www.w3school.com.cn/
这里写图片描述
特别说明：W3School.com.cn上有“在线测试工具”，如果需要练习，请自便诺。

1 0