HTML+CSS 轻松入门之分组选择符

分组选择符

语法:
 
    E1,E2,E3
 
说明:
 将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。

下面我们来写一个例子,例如有div  span  p 等标签,标签内有内容,但是我想把他们的内容都使用同一个css样式,代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>分组选择符</title>
	<style type="text/css">
			/*现在我需要把div和span 的内容设置红色  p和h4的为橘黄色*/
			div,span{
				color:red;
			}

			p,h4{
				color:#f60;
			}
	</style>
</head>
<body>
		<div>今天是阴天</div>

		<span>气温降低了,注意保暖</span>

		<p>我很不喜欢阴天</p>

		<h4>日全食</h4>
</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分组选择符</title> <style type="text/css"> /*现在我需要把div和span 的内容设置红色 p和h4的为橘黄色*/ div,span{ color:red; } p,h4{ color:#f60; } </style> </head> <body> <div>今天是阴天</div> <span>气温降低了,注意保暖</span> <p>我很不喜欢阴天</p> <h4>日全食</h4> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我又来了

不仔细看 看不明白

8年前    添加回复 0

看山看水看代码

确实不是很明显

8年前    添加回复 0

仗义皆为屠狗辈 无情多为读书人

例子能换色差大点的颜色么,这样真的看不出来

8年前    添加回复 0

末日的春天

颜色区分不是很明显

8年前    添加回复 0

烟雨江南

原来也还可以这样写,全部的话,用通配选择器就好了,但是通配选择器针对的是全部,用分组选择符,就比较灵活了

8年前    添加回复 0

分组选择符,如果在标题和段落里的文字加一个居中,就只有标题居中,怎么回事?

[最新 数据分析师 的回答] 分组选择符,如果在标题和段落里的文字加一个居中,就只有标题居中,怎么回事?-PHP中文网问答-分组选择符,如果在标题和段落里的文字加一个居中,就只有标题居中,怎么回事?-PHP中文网问答围观一下哦,学习一下。

时间:8年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~