javascript伪类,伪类html

如何用原生js实现伪类选择器

-webkit-autofill 这种东西要查找浏览器的兼容。选择器的话看下jquery源码就知道了是否支持一种样式。var input= document.createElement('input'), vendors = 'Khtml Ms O Moz Webkit'.split(' '), len = vendors.length; return function(prop) { if (prop in input.style) return true; prop = prop.replace(/^[a-z]/, function(val) { return val.toUpperCase(); }); for (var i = 0; i len; i++) { if (vendors[i] + prop in input.style) { // browser supports eg:box-shadow. Do what you need. // Or use a bang (!) to test if the browser doesn't. return true; } } return false; };

相关问答

Q1: 如何用javascript 设置a 的伪类的样式

没这样用过，一般需要的话直接设置在css里了，如果在js里加，一般用onmouseover和onmouseout等事件配合

Q2: javascript 伪类什么 意思

伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。

CSS术语

     解释：在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来，":lang"在一些情况下也在从文档树中推断出来。

    伪类有：:first-child ，:link:，vistited，:hover:，:active，:focus，:lang，:right，:left，:first

    何为伪类?就是css内植类css内部本身赋予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿来使用，当然你也可以改变它的部分属性比如：a:link{color:#FF0000;}

    CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类。

伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。

     CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类。

     :link用在未访问的连接上。

     :visited用在已经访问过的连接上。

     :active用于获得焦点（比如，被点击）的连接上。

     :hover 用于鼠标光标置于其上的连接。

Q3: 伪类 伪元素 以及如何用js控制

方法一，完全用js模拟（这样太麻烦）

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    titleTitle/title

    style

        .css1{

            width: 100px;

            height: 200px;

            border: 1px solid black;

        }

        .css1:hover

 {

            border: 2px solid red;

        }

    /style

/head

body

div这是一个div/div

script

    var div = document.getElementsByTagName("div")[0];

    div.style.cssText = "border:1px solid red;width:100px;height:100px";

    div.onmouseover = function () {

        div.style.cssText = "border:1px solid black;width:100px;height:100px";

    };

    div.onmouseout = function () {

        div.style.cssText = "border:1px solid red;width:100px;height:100px";

    };

/script

/body

/html

2.方法二：js加css，还是麻烦

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    titleTitle/title

    style

        .css1{

            width: 100px;

            height: 200px;

            border: 1px solid black;

        }

        .css1:hover

 {

            border: 2px solid red;

        }

    /style

/head

body

div这是一个div/div

script

//    var div = document.getElementsByTagName("div")[0];

//    div.style.cssText = "border:1px solid red;width:100px;height:100px";

//    div.onmouseover = function () {

//        div.style.cssText = "border:1px solid black;width:100px;height:100px";

//    };

//    div.onmouseout = function () {

//        div.style.cssText = "border:1px solid red;width:100px;height:100px";

//    };

 var div = document.getElementsByTagName("div")[0];

      div.setAttribute("class","css1");

/script

/body

/html

其实完全可以不用js来设置css，这样会比较麻烦，最直接的方法就是在元素里面直接设置class，在style或者css文件里面定义样式，如果有伪类这些也可以写在里面就好。

Q4: 关于javascript和a标签的伪类:visited

应该是清除浏览记录location.history，但javascript没办法清除，所以最好的办法是写CSS样式去覆盖它，把颜色跟访问前的颜色设成一样就可以了，如：

a:link,a:visited{color:#00c;}

Q5: 正迷茫于学vbscript 好还是学javascript好？ 哪个功能强悍？哪个流行广？

Javascript。Vbscript这个脚本语言现在使用越来越少，只有微软支持，出现在ASP，IE,和Office套装中，使用了弱类型，面向过程的语法，有伪类的实现，但没有多态和继承，语法不够灵活。JavaScript则是伴随着浏览器一起发展成长的一门伟大的语言，方便异步编程语法，在Googel的V8引擎推出后，JavaScript已经成为唯一的互联网全能选手，每个方面不一定是最优，但都可以排得上号。千锋教育就有线上免费JavaScript线上公开课。

Javascript和vbscript虽然都作为脚本语言，但是JS比VBS应用要广泛。就前台而言，没有人会用VBS作为前台交互脚本，因为只有IE才能支持VBS，FF等主流浏览器并不支持VBS，这也就在很大程序上限制了VBS在前台的发展，从更大范围来说，JS影响了整个WEB方向，像AJAX，JSON，XML，RSS等，都离不开JS。在只学一种语言的前提下，JavaScript是最好的选择。如果想了解JavaScript更多相关知识，建议到千锋教育了解一下。千锋教育目前在18个城市拥有22个校区，年培养优质人才20000余人，与国内20000余家企业建立人才输送合作关系，院校合作超600所。