html中伪类的兼容性,关于css伪类的一些兼容性测试

测试环境：xp ,ie7~8 chrome。

link 伪类：(：link,：visited) 这个是链接专用

动态伪类：(：hover,:active,:focus)

html>

a:link,input:hover{color:blue;}

a:visited{color:green;}

a:active{color:red;}

a:hover{color:yellow;}

tr:hover,p:hover{background-color:red;}

input:focus,p:focus{background-color:yellow;}

百度

google

test

zhe ye shi test

nan

对于链接(a标记)不管是link伪类还是动态伪类，在ie7-8,chrome 都有效果

对于表单元素，ie7 下不支持动态伪类，

ie8下文本框，单选框都支持：focus，

chrome下文本框支持：focus，复选框不支持focus

对于p，tr ，ie7-8,chrome 都只支持：hover。

只是简单测试，欢迎指正

更希望能有朋友提供学习资源

html中伪类的兼容性,关于css伪类的一些兼容性测试相关推荐

css改变伪元素color_jQuery教程改变css伪元素样式详解
本篇教程介绍了jQuery教程改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 首先我们看一下css伪元素是什么: CSS 伪元素用于向某 ...
CSS 伪类: 什么是 CSS 伪类？CSS 伪类怎么分类？ CSS 伪类有哪些？以及分类对应的伪类
本章讲解的内容为 CSS 伪类 . 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一: 什么是 CSS 伪类? 1. CSS 伪类是用来添加一些 ...
CSS 类选择器详解——CSS 多类选择器
类选择器允许以一种独立于文档元素的方式来指定样式. CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式. 该选择器可以单独使用,也可以与其他元素结合使用. 提示:只有适当地标记文档后, ...
html伪类元素加图片,CSS伪类选择器:before、:after使用：插入字符、插入图片、插入项目编号...
before: 伪元素选择器用于在某个元素之前插入一些内容伪类选择器:before使用content属性插入字符.属性插入图片 css3 .p_before:before { content: 'H ...
jq 修改元素css伪类样式
css伪元素是什么: CSS 伪元素用于向某些选择器设置特殊效果. 伪元素有哪些: :first-line 伪元素:"first-line" 伪元素用于向文本的首行设置特殊样式.: ...
HTML中的Postion定位问题及盒子模型、CSS伪类
一.Postion定位问题 1.相对定位(postion:realtive) 图像可以根据原有位置移动,但是原先图像的位置不会改变,哪怕出现空白部分.(占位置) 2.绝对定位(postion:abso ...
css3和css伪类和伪元素区别与兼容性
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素. 伪元素由双冒号和伪元素名称组成.双冒号是在当前规范中引入的,用于区分伪类和伪元素.但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,比 ...
理解css伪类和伪元素
伪类就是可以通过直接添加一个类样式达到同等效果,而伪元素,则需要先添加一个元素,然后在元素上添加样式才能达到同等效果伪类 :active 向被激活的元素添加样式. :focus 向拥有键盘输入焦点的 ...
CSS 伪类选择器：如何使用 CSS3 伪类
CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...

html中伪类的兼容性,关于css伪类的一些兼容性测试

html中伪类的兼容性,关于css伪类的一些兼容性测试相关推荐

最新文章

热门文章