开宗明义:《CSS权威指南第三版》精髓中文学习笔记【4.12】CSS中的伪类和伪元素(下)
或许你已经意识到了:link,:visited和:active选择符在功能上等价于BODY属性的LINK,VLINK和ALINK。当然,对丁CSS中的伪类来说,应用不仅仅是在颜色方面。
或许你已经意识到了:link,:visited和:active选择符在功能上等价于BODY属性的LINK,VLINK和ALINK。当然,对丁CSS中的伪类来说,应用不仅仅是在颜色方面。
伪类pseudo-class和伪元素pseudo-element选择符,至少在语法上讲是这样的。它们允许将样式应用于文档中不存在的结构上,或者是通过当前元素状态甚至是文档自身的状态而推断的某些东西上。
到底类和ID间的区别在哪里呢?类和ID的另一个区别是:ID对给定于元素应用何种样式比类具有更高的优先权。这将在后面的“层叠”一节详细讲述。
ID选择符都类似于类选择符——但也有一些重要的区别。第一个区别就是ID选择符的前面是#号——而不是句点。
类选择符通过直接引用元素中类属性的值而产生效果。在这个引用前面总是一个句点(.),用它来标识一个类选择符。
类(class)选择符和ID选择符,它们允许以独立于文档元素的方式来分配样式规则的应用。这些选择符既可以独立运用,也可以和元素选择符合用。
能分组选择符,也可以分组声明。将二者结合起来,就可以用一条语句来定义复杂的样式。假设我们需要为文档中的一些标题分配一些复杂的样式。
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。