html 并集选择器,CSS并集选择器

CSS并集选择器也叫群选择器,是由多个选择器通过逗号连接在一起的,这些选择器分别是:标签选择器、类选择器或id选择器等。

在声明各种CSS选择器时,如果某些选择器的风格完全相同,或者部分相同,便可以利用并集选择器同时声明这些风格相同的CSS选择器。

并集选择器允许同时给多个选择器应用同一种样式。

CSS并集选择器的格式

并集选择器的格式类似于:

h1,h2,p,.color,#one{

color:blue;

font-size:14px;

}

这种集体声明的效果与单独声明的效果完全相同。

示例一

源代码如下:

CSS并集选择器示例-www.baike369.com

CSS并集选择器示例

示例标题h2

示例标题h3

示例标题h4

示例标题h5

示例文本p1

示例文本p2

示例文本p3

在浏览器中查看CSS并集选择器的显示效果。如下图所示:

示例二

*{ /* 全局声明 */

color:red; /* 文字颜色 */

font-size:24px; /* 字体大小 */

}

一旦声明了全局选择器“*”,那么这个页面内的所有html标签的文字颜色全部为红色,字体大小全部为24px。

源代码如下:

CSS并集选择器之全局声明示例-baike369.com

CSS并集选择器之全局声明示例

全局声明之示例标题h2

全局声明之示例标题h3

全局声明之示例标题h4

全局声明之示例标题h5

全局声明之示例文本p1

全局声明之示例文本p2

全局声明之示例文本p3

在浏览器中查看CSS并集选择器之全局声明的显示效果。如下图所示:

提示

如果想让一系列网页元素共用相同格式化属性中的部分属性而不是全部属性,就可以创建一个带有共用格式化选项的并集选择器,然后为每个元素分别创建具有特殊样式的规则。换句话说,两种或者多种不同的样式可以格式化同一个标签。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/343681.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

线程,代码和数据–多线程Java程序实际运行的方式

有些事情是您在学术或培训班上没有学到的,经过几年的工作经验后才逐渐了解,然后才意识到,这是非常基本的事情,我为什么错过了这么多年。 了解多线程Java程序的执行方式就是其中之一。 您肯定已经听说过线程,如何启动线…

【渝粤教育】 国家开放大学2020年春季 1306社会政策 参考试题

试卷代号:1309 2 0 2 0年春季学期期末统一考试 中国现代文学专题 试题(开卷) 2020年7月 一、单项选择题(每题1分,共10分。要求:将正确答案的序号填在括号内。每题只有一个正确答案,错选或多选均…

HDMI光端机是什么?hdmi光端机产品参数及性能特点介绍

HDMI光端机就是光信号传输的终端设备。在广泛领域应用中,往往需要把HDMI信号源输送远处进行处理。最为突出的问题有:远处接收到的信号出现偏色、模糊,信号产生重影和拖尾及网纹干扰。(多模)/(单模)HDMI视频光端机发送器和相应的光收发系列产品…

【渝粤教育】 国家开放大学2020年春季 1326社区护理学(本) 参考试题

试卷代号:1333 座位号口口 2 0 2 0年春季学期期末统一考试 古代诗歌散文专题 试题(开卷) 2020年7月 一、选择题(每题1分,共10分) 1.著名的乐府诗《木兰诗》属于( )。 A.汉乐府 B&…

html中的保存功能代码怎么写,java保存html代码怎么写

java保存html代码怎么写[2021-01-31 03:29:24] 简介:php去除nbsp的方法:首先创建一个PHP代码示例文件;然后通过“preg_replace("/(\s|\&nbsp\;| |\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐&#xff…

【渝粤教育】 国家开放大学2020年春季 1373特殊教育概论 参考试题

试卷代号:1376 座位号□□ 2 0 2 0年春季学期期末统一考试 机械制造装备及设计 试题 2020年7月 一、单项选择题(从所给的四个选项中,找出你认为是正确的答案,将其编号填入括号内。每小题3分,共30分) 1&…

hdmi光端机运用于多媒体信息发布系统案例介绍

杭州飞畅科技HDMI光端机运用于多媒体信息发布等应用系统中,能将HDMI音视频信号进行远距离传输。用普通的HDMI电缆长距离传输,会出现信号差,容易受干扰,显示出来的图像会出现模糊、拖尾、分色等现象。如果传输距离短,就…

西门子实数转整数_西门子PLC指令全都翻译过来了!

点击蓝字关注我们有时我们关注的公众号消息比较多,错过了一些自己喜欢的消息,不能及时看到工控论坛的推送,我们可以给公众号加星标或置顶。那如何星标置顶呢?【打开一篇工控论坛公众号的文章,点击文章标题下方的蓝色字…

【渝粤教育】 国家开放大学2020年春季 1444药理学(本) 参考试题

试卷代号:1474 2 0 2 0年春季学期期末统一考试 临床医学概论(本) 试题 2020年7月 一、单项选择题(每题2分,共50分) 1.引起发热的病因甚多,临床上最常见的病因是( )。 A.感…

鸿蒙os怎么还没发布,关于鸿蒙OS系统!小米为何从支持到“失声”?看看中兴就知道了!...

鸿蒙OS在还没有正式召开发布会的时候,大家就一直很关注友商们对于鸿蒙OS的态度。此前中兴就表过态,他们不会考虑鸿蒙OS的系统,因为中兴自己有这一方面的规划。而在鸿蒙发布之前,除了中兴是正式的官方发出了相关的态度之外&#xf…

js webapp://_Project Student:维护Webapp(只读)

js webapp://这是Project Student的一部分。 其他职位包括具有Jersey的 Web服务 客户端,具有Jersey的 Web服务服务器 , 业务层 , 具有Spring数据的持久性 ,分片集成测试数据 , Webservice集成和JPA标准查询 。 当我开…

【渝粤教育】 国家开放大学2020年春季 2071美学与美育 参考试题

试卷代号:2083 2 0 2 0年春季学期期末统一考试 信息技术与教育技术(2) 试题(开卷) 2020年7月 一、单选题(每小题4分,共6小题.24分) 1.下面哪一项不是程序教学法的特点?( &#xff09…

光端机安装调试需注意的几大因素

安装光端机时要做好现场的防护措施,防潮、防水、防尘,同时注意现场的实际操作,必须配备合适的光纤使用,不能使用残缺故障的光纤,如果不匹配,则会严重影响光端机传输质量,涉及光缆熔接时&#xf…

catia钣金根据线段折弯_钣金折弯加工注意事项有哪些?钣金折弯要点介绍

钣金折弯时金属加工中常用到的一道工序,它的用途十分广泛,是通过折弯机把一种板材加工成各种角度,加上数控功能后,钣金折弯有效地提高了加工精度和生产效率。然而,在钣金折弯过程中存在着一些注意事项和要点&#xff0…

【渝粤教育】 国家开放大学2020年春季 2136管理会计 参考试题

试卷代号:2180 座位号□□ 2 0 2 0年春季学期期末统一考试 办公室管理 试题 2020年7月 一、单项选择题(请将正确答案的字母序号填在括号内,每小题2分, 共10分) 1.办公室管理的第一要义是( )。 A&#xff0e…

html代二级菜单的实例,jquery实现树形二级菜单实例代码

jquery实现的树形列表菜单(Menu Tree) .padding {height:300px;}This copyright notice must be kept untouched in the stylesheet atall times.The original version of this stylesheet and the associated (x)htmlis available at http://www.jb51.netCopyright (c) 2005-2…

【渝粤教育】 国家开放大学2020年春季 2246社会工作概论 参考试题

试卷代号:2302 2 0 2 0年春季学期期末统一考试 供应链管理 试题 2020年7月 一、单项选择题(每小题2分,共20分,将正确答案填入括号内) 1.供应链管理是一种全新的管理理念和方法,其核心是强调运用…

每个Java学习者都会犯的10大常见错误1

据说:“您的朋友会吞下您的错误,您的敌人会将它们呈现在盘子上”。 我绝对不是你的敌人,但我想向您介绍一些针对每个Java初学者的错误,我将在此博客“标牌”上就此做错。 当然只有我从CodeGym.cc课程分析系统收集的内容。 如果您还…

mac os 开启redis_Mac下配置Redis服务器(自启动、后台运行) | 学步园

Redis服务器在从诸多文章上看来,是个极为优秀的Key-value数据库软件。其NB之处可以从这篇文章中略知一二。主要参考首先是安装,它会默认安装到/usr/local/bin下cd /tmpwget http://redis.googlecode.com/files/redis-2.6.9.tar.gztar -zxf redis-2.6.9.t…

光端机使用时出现了故障怎样定位和处理

光端机,就是光信号传输的终端设备,但是客户在使用光端机的过程中难免会碰到一些问题,那么,我们在使用光端机时出现了故障该怎样定位和处理呢?接下来就由杭州飞畅科技的小编来为大家详细介绍下光端机出现故障时该怎样分…