在做css样式设计调试时，浏览器devtools是必须依赖的工具，没有这个工具那是瞎子摸象，找不到北呀。

文本来看看工具devtools调试元素的 hover, focus ,active, visited行为Css样式的方法。

首先打开devtools调试工具，在qq浏览器 google浏览器等活动窗口，按f12 打开当前网页的调试界面；

点击第一个Elements标签，工具分左右两栏显示，左边栏是页面html结构树，右边是页面样式级联表文件；

右边的样式级联表文件，是综合了网页所有css文件得到的结果，用鼠标在左侧html结构上找到要调试的元素div或者其他html标签，右侧就显示它的css样式属性。

在右侧窗口的顶部，Styles标签下面，有个搜索框，它可以通过输入一些css属性进行搜索作用在当前元素上的css属性。在搜索框右侧 有 :hov .cls 和+ 号，点击这里打开选择勾选当前元素的  hover, focus ,active, visited行为是否开启，然后进行css样式的查看和修改调试。

好了本文内容全部完毕，感谢您的阅读，希望对您有所帮助。

============================================