举个例子 <a class="demo" href="#">第一个链接</a> <a class="demo2" href="#">第二个链接</a> 两个a标签,但是只想控制第一个链接那个a标签的显示效果,就可以用a.demo 这样来选择只是控制第一个链接的a标签的显示效果,而第二个链接就不受影响了。
不过记住a和.demo之间不能有空格,不然的话就不是控制第一个链接的a标签,而是控制所有a标签下属有class="demo"类选择的元素了。
这是因为这个a标签有个class类选择,就像这样 <a class="demo" href="#">aaa</a> 想控制这个a标签的link效果,就可以写成 a.demo:link 这种形式拉,不过记住这三者之间都不能有空格。
这种控制a标签的方法就算在IE6上面也是有效的。所以不用怎么担心IE6不兼容。 不能用这种方法控制除了a标签之外的其它元素,因为IE6下面a标签之外的其它元素不支持:hover,:link等伪类。