揭秘CSS(第 1 版)
2.2.4 群组选择器
阅读(

概述

CSS选择器

概述

基本选择器

id选择器

类选择器

元素选择器

群组选择器

要为不同的HTML对象定义相同的样式时,可以采用群组声明。如,希望 h2 元素和段落的文本都为灰色,则可以使用以下声明:

h2, p { color: gray; }

上述规则在选择器中指定了多个对象,对象之间用逗号来分隔。逗号告诉浏览器,规则中包含两个不同的选择器。这样的选择器叫群组选择器。

群组选择器可以减少样式的重复定义。可以把任意数量、任意类型的选择器放在群组中进行声明。如:

p, span, .blue, #blue { color: blue; }

使用逗号对选择器进行分隔,使用页面中所有的p, span, .blue, #blue都具有相同的样式。这样做的好处是,需要使用相同样式的地方只需要书写一次,可以减少代码量,改善CSS代码的结构,提高网页的性能。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验