开宗明义:《CSS权威指南第三版》精髓中文学习笔记【4.9】CSS中的ID选择符
ID选择符都类似于类选择符——但也有一些重要的区别。第一个区别就是ID选择符的前面是#号——而不是句点。
ID选择符都类似于类选择符——但也有一些重要的区别。第一个区别就是ID选择符的前面是#号——而不是句点。
类选择符通过直接引用元素中类属性的值而产生效果。在这个引用前面总是一个句点(.),用它来标识一个类选择符。
类(class)选择符和ID选择符,它们允许以独立于文档元素的方式来分配样式规则的应用。这些选择符既可以独立运用,也可以和元素选择符合用。
能分组选择符,也可以分组声明。将二者结合起来,就可以用一条语句来定义复杂的样式。假设我们需要为文档中的一些标题分配一些复杂的样式。
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。
可以为一条规则中的选择符分组,那么声明也应该能够分组。在这里用分号作为一条声明的结束,这样可以显得更加清楚,因为一条规则里可能含有多个声明。这样还能使样式表更加紧凑、有组织、易于阅读。
分组可以让作者大量地压缩某种类型的样式分配,否则它们会占用很长的样式表,规则将被同时应用于两个选择符。逗号告诉浏览器在这一条规则中包含两个不同的选择符。
声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值。最后,这条声明以分号(;)作为终结。而值可以是单个关键字(keyword)或者是由空格所分开的一串关键字组成的。