伪类对元素进行分类是基于特征(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>