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

分组选择符

语法：

E1,E2,E3

说明：
将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。

下面我们来写一个例子，例如有div span 　ｐ　等标签，标签内有内容，但是我想把他们的内容都使用同一个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>

提交重置代码

自动运行