p, h1, h2 { color: blue; }
上述CSS代码表示选择p、h1、h2三个标签,并应用相同的蓝色文字颜色样式。逗号让大家能够更简洁地指定样式,而不需要为每个元素编写单独的样式。
逗号可以用于组合各种选择器类型,包括:
- 元素选择器:例如p、h1、div等
- 类选择器:例如.class1、.class2等
- ID选择器:例如#id1、#id2等
- 属性选择器:例如[type=”text”]、[href*=”google”]等
- 伪类选择器:例如:hover、:active、:nth-child等
p.intro, .article { font-size: 16px; color: red; }
上述CSS代码表示选择类名为intro的p标签和所有class为article的元素,并应用相同的样式。不同选择器之间用逗号分隔,表示这些选择器作为一个整体被选择。