一.什么是role属性
role属性作用是告诉Accessibility类应用（比如屏幕朗读程序，为盲人提供的访问网络的便利程序），这个元素所扮演的角色，主要是供残疾人使用。使用role可以增强文
本的可读性和语义化。
在html5元素内，标签本身就是有语义的，因此role是不必添加的，至少是不推荐的，但是bootstrap的案例内很多都是有类似的属性和声明的，目的是为了兼容老版本的
浏览器（用户代理），如果你的代码使用了html5标签，并且不准备支持老版本的浏览器，不妨不使用role标签。
role的发挥的作用是供有障碍的人士使用，但这并不意味着每个标签都需要增加role属性，因为对于正常的文本本来就可读。role属性的应用主要是表单，比如输入密码，
对于正常人可以用placaholder提示输入密码，但是对于残障人士是无效的，这个时候就需要role了。另外，在老版本的浏览器中，由于不支持HTML5标签，所以有必要使用
role属性。
<div class="container">
<button class="btn">基础按钮</button>
<a class="btn" role="button">A标签按钮</a>
<input type="button" class="btn" value="input标签"/>
</div>
使用bootstrap布局，用role 给 a标签增加明确的语义。
r
ole
是增强语义性，当现有的
HTML
标签不能充分表达语义性的时候，就可以借助r
ole
来说明。
通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。
r
ole
的
作用
是描述一个非标准的tag的实际
作用
。比如用div做button，那么设置div 的 r
ole
=“button”，辅助工具就可以认出这实际上是个...
来源：https://saucelabs.com/resources/articles/selenium-tips-
css
-selectors
Selenium Tips:
CSS
SelectorsJun 10, 2016Learn about
CSS
rules and pseudo-classes to help you move your XPATH locators to
CSS
.
Th...
1.
css
中的r
ole
属性
html
里面的 r
ole
本质上是增强语义性，当现有的
HTML
标签不能充分表达语义性的时候，就可以借助r
ole
来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。
r
ole
的
作用
是描述一个非标准的tag的实际
作用
。比如用div做button，那么设置div 的 r
ole
=“button”，辅助工具就可以认出这实际上是个...
通用选择器是一种特殊的选择器，用符号“*”表示，对所有元素生效。
ID选择器
ID选择器为带有指定id的元素设置样式，允许以一种独立于文档元素的方式来指定样式，所有主流浏览器都支持t。
ID选择器用“#”前缀标识符进行标识，后面紧跟指定元素的id名称。
语法结构如下：
标记名#id名{
属性
1：值1；……}
这个与ID选择器相似，不同的是定义时不用“#”而使用“.”，引用时不用id
属性
而用class
属性
html
属性
和
css
属性
The r
ole
attribute describes the r
ole
of an element in programs that can make use of it, such as screen readers or magnifiers. r
ole
属性
描述了元素在可以使用它的程序中的角色，例如屏幕阅读器或放大镜。
Usage Example: 用法示例：
昨天做修改页面跳转时遇到一个问题，如果a标签的"href"
属性
为空的话，比如这样<a href="" onclick="r
ole
update()">修改</a>，这时当我点击修改链接时并没有给我跳到对应修改页面，而是只在本页面进行了刷新操作；如果写成<input type="button" onclick="r
ole
delete()" value="修改...
‘> ’表示子元素，层级
一个空格也表示子元素，但是是所有的后代子元素，相当于xpath 中的相对路径
cas 的语法很多，可以查看 https://www.runoob.com/
css
ref/
css
-selectors.
html
如果这个元素没有你想要的
属性
，可以使用其他
属性
定位
可以使用
CSS
创建各种各样的布局。本章将演示如何创建一种常见的布局：顶部有一个报头，中间是两栏内容，底部有一个页脚。不过，使用即将讲到的
CSS
属性
，还可以创建截然不同的布局。
css
selector指的是
css
选择器，是用来匹配网页中的dom元素的，常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。
推荐：《
css
视频教程》
css
selector指的是
css
选择器，是用来匹配网页中的dom元素的，
css
样式的定义为：选择器{样式}。“选择器”指明了{}中的“样式”的
作用
对象，也就是“样式”
作用
于网页中的哪些元素。
要使用
css
对
HTML
页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到
CSS
选择器。
HTML
页
