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>

Weiter lernen

neue Datei

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX