当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS基础语法:群组化选择符

CSS样式表
CSS实例教程;IE6下CSS定义DIV高度的问题
CSS制作网页实例:DIV仿框架结构
CSS样式表与HTML网页的关系
CSS样式表空格与不空格的关系
规范HTML代码可以节省修改代码的时间
还原设计稿进行页面制作的流程和注意事项
CSS压缩大法:技巧与工具
CSS的@font-face属性实现在网页中嵌入任意字体
CSS网页制作实例:制作有弹性的日历表
快速开发HTML和CSS的方法:Zen Coding
Webjx推荐5个改善CSS编码的幻灯片教程
ins标签适当时候使用
ins标签和del标签的属性和用法
网页制作有用资料:网页常用英文字体
ID类和class类的长命名与短命名
CSS实例教程:background-position的说明
div和span、relative和absolute、display和visibility
CSS实例教程:图片宽高自适应固定边框
网页制作教程:默认Web字体样式
实用的CSS网页布局25个小技巧

CSS样式表 中的 CSS基础语法:群组化选择符


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 165 ::
收藏到网摘: n/a

常常我们的CSS 样式中会有好几个地方需要使用到相同的设定时,一个一个分开写会是一件满累人的工作,重覆性太高且显得冗长,更不好管理....在CSS 语法的基本设定中,就可以把这几个相同设定的选择器合并在一起,原本可能是写了7~8 行相同的语法,合在一起后就只要短短的一小行,怎么看都让人心旷神怡啊~

例如:当有好几个选择器刚好都需要把文字的颜色设定为灰色的时候,一个一个分开写的方法式,感觉就很繁琐,如下:

  1. h1 { color:#666666; }
  2. h2 { color:#666666; }
  3. h3 { color:#666666; }
  4. h4 { color:#666666; }
  5. ul { color:#666666; }
  6. p { color:#666666; }
  7. #AAA { color:#666666; }
  8. #BBB { color:#666666; } 

群组化:把这几个选择器使用逗号合并在一起,就只要短短的一小行,如下:

  1. h1, h2, h3, h4, ul, p, #AAA, #BBB { color:#666666; }

使用「群组化」选择器 可以使我们的CSS 样式变得比较简洁,将来又好管理和方便修改,这种写法是CSS 语法最基础的功能之一,只要把这一些基础的用法都熟悉了,同学们自然而然就可以练出漂亮的CSS 样式喽~