javascript 伪类什么 意思

JavaScript08

javascript 伪类什么 意思,第1张

伪类对元素进行分类是基于特征(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 用于鼠标光标置于其上的连接。

这个是用javascript控制的。非常简单。复制到body里面试下。

<style>

a.select{color:#F00}/*选中的样式*/

</style>

<script>

function left_btn(n)

{

var a_num=document.getElementById("left_btn_box").getElementsByTagName("a")

for(i=0i<a_num.lengthi++)

{

a_num[i].className=i==n?"select":""

}

}

</script>

<div id="left_btn_box">

<a class="select" onclick="left_btn(0)" href="#">按钮1</a>

<a onclick="left_btn(1)" href="#">按钮2</a>

<a onclick="left_btn(2)" href="#">按钮3</a>

</div>