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>

我又来了
不仔细看 看不明白
8年前 添加回复 0