CSS的群组选择器

 2023-09-18 阅读 17 评论 0

摘要:要为不同的HTML对象定义相同的样式时,可以采用群组声明。如,希望 h2 元素和段落的文本都为灰色,则可以使用以下声明: h2, p { color: gray; } 上述规则在选择器中指定了多个对象,对象之间用逗号来分隔。逗号告诉浏览器,规则中包含

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


  1. h2, p { color: gray; }

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

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


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

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

关于作者

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

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/75486.html

下一篇:CSS的id选择器

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息