分组选择器是把多个html元素分为一组或多组再进行css样式设定。这样可以大大减少重复的代码,简洁明了,增加代码的可读性。
实例代码:
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf8">
5 <style>
6 h1,h2,p{
7 text-align:center;
8 color:red;
9
10 }
11 </style>
12 </head>
13 <body>
14 <h1>这是一个分组选择器实例</h1>
15 <h2>下面这几个元素都会应用css分组样式</h2>
16 <p >我也是</p>
17 <P>还有我</p>
18 </body>
19 </html>
20
运行效果:
评论